Skip to content

Open Mobile Site View in Opera on the Computer

Do you want to view mobile sites on your desktop using the Opera browser? Learn how to access phone layouts using Developer tools.

The Opera browser has a built-in developer mode feature that allows switching the desktop site layout to the mobile site view.

It allows you to choose from different preset mobile resolutions or enables the responsive mode to adjust the screen width.

It helps the web designer test the layout on a mobile screen using a desktop browser.

In this guide, we have shared the steps to enable the mobile site layout in the Opera browser on a computer.

Enabling Mobile Site with Developer Mode in Opera on Computer

Opera’s developer mode helps test a website in different screen resolutions. However, we can use this to enable the mobile view toggle to view different screen layout sizes. Here are the steps to view a mobile site layout:

  1. Launch the Opera browser on your computer.
  2. Open the website you want to view as a mobile site.
  3. Click on Opera opera logo for the menu list.
  4. Select the Developer menu, and choose Developer Tools.
    A developer window or console will open.
  5. Click on the Toggle Device toolbar button.
    toggle device toolbar in Opera developer console or modeIt will shrink the site layout to responsive mode.
  6. Click the Responsive drop-down, and choose any make or model for desired resolution.
    Different device make and model for Mobile Site View on Opera Browser developer mode

Selecting any phone or tablet model from the list of options will adjust the screen resolution and display the mobile or tablet view.

Click the X button on the developer window to switch to the desktop version.

Close Developer Tools on Opera Browser

For Mac users, the developer menu is available in the menu bar. You can also use the Opera keyboard shortcut Cmd + Option + I to enable developer tools on Mac.

Bottom Line

The developer mode in Opera browser is mostly used for developing and testing the cross-device fully functional website. However, a general user like us can use this feature to enable the mobile site view within the computer browser.

If the website is enabled with a responsive design, the mobile site view will look great even on smaller screen sizes. However, it might get distorted or trimmed at the edges for a non-responsive site.

Lastly, if you've any thoughts or feedback, then feel free to drop in below comment box. You can also report the outdated information.

Please share the article if you find it helpful:

Disclosure: This page may contain affiliate links, which means we may receive compensation for your purchases; of course at no extra cost to you (indeed, you may get special discounts).
Kushal Azza

Kushal Azza

Kushal Azza is a Google Certified IT Professional, Digital Content Creator, and Go-To Digital Marketer with Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

Leave a thought or feedback

Please leave a descriptive comment or feedback with your real name. Our human moderator vets every comment, and it may take 24 to 48 hours to get published or rejected.

Your email address will not be published, and we will never spam your inbox. Required fields are marked *