Skip to content

View Mobile Site Layout in Firefox browser on the Computer

Need to open mobile site views in Firefox browser on your computer? Learn how to access and view mobile versions of websites on your desktop.

Firefox offers a responsive design mode option that allows us to choose from different device types and layouts.

The responsive design is part of developer mode, which can be enabled under the Firefox options menu. To test a website’s layout, we can choose from the preset list of devices or add a custom resolution.

In this guide, we have shared the steps to use responsive design mode and view mobile site layout in the Mozilla Firefox browser.

On this page, you can find and jump to:

Loading the Mobile Site View

Responsive web design technique allows developing sites that can change dynamically as per the screen’s resolution.

The easiest way to view the mobile site is to resize the browser window. However, this option only seems appropriate sometimes because you need to know the exact screen resolution the site is loading on. That’s when developer tools or developer mode help.

  1. Open Firefox computer on your computer.
  2. Open the website URL you want to view as a mobile site.
  3. Click on the More horizontal 3-bar icon options for the menu.
    Mozilla Firefox Web Developer Mode option
  4. Select the Web DeveloperResponsive Design Mode option.
    Responsive Device Mode option in FirefoxIt will load the developer tools window.
  5. Select the device you want to preview the website from the device selection drop-down.
    Responsive Mobile Layout Device ListIt will change the website layout to the selected device resolution.

You can choose a particular smartphone model to preview your site’s appearance on that specific smartphone. It also displays the screen resolution size.

Bottom Line

Mozilla Firefox’s Developers Tools help you select different mobile view layouts and sizes from the drop-down list with the latest models of smartphones.

However, if you have found that your device is not listed in the drop-down list, scroll down the list to the end, where you will see the Edit List option. You can add the desired screen resolution on this screen and save it in the browser for repeated use.

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 *