Skip to content

Enable Mobile Site View in Google Chrome on the Computer

Google Chrome offers developer tools that help you view the site in different screen sizes. Web developers or designers must check the website’s appearance on different device configurations and resolutions.

Using the device toggle switch, you can easily enable the mobile site view on the desktop computer from the same developer mode.

In this guide, I have shared written instruction about:

View the Mobile Site Layout

Developers often use the mobile site view when testing and launching a new website design. It helps check the website’s compatibility and user experience when visiting small screens. Here are the steps to enable mobile site view:

  1. Launch Google Chrome on your computer.
  2. Open the website that you want to view on the mobile site.
  3. Click on the More vertical 3-dots icon menu for options.
  4. Hover over the More Tools option from the list.
  5. Select Developer Tools under the More Tools menu.
    Launch Developer Tools in Chrome ComputerIt will launch the Developer Tools pane in the browser.
  6. Click on the Device toggle icon to enable the mobile site view mode.
    Mobile Site view mode in Google Chrome on ComputerIt will load the mobile site user interface.

You can also choose the make and model of the device from the dropdown menu to select the desired device experience.

Once you close the developer tools console, the website will reload as a desktop site. If we view the mobile sites on desktop Chrome, it will help you analyze the look and feel of the website better!

Bottom Line

The mobile responsive site feature within developer tools helps test and develop a mobile site without using small-screen devices. You do not have to switch devices to view the site design.

Using the responsive mode, you can drag to control the various screen sizes.

Similarly, you can also request a desktop site view in Chrome on Android. It is helpful when you need the whole site experience on small screens.

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 Analytics & IT Professional, Digital Content Creator, and Go-To Digital Marketer with an Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

2 comments and feedback

  1. Hello! I use a device that is ran by an administrator, and am unable to access the “Developer Tools” section. Is there another way that I could access a mobile version?

    1. The easiest way is to resize the browser window to adjust the resolution to mobile size.

      First, exit the full screen or expanded mode, then drag the browser window’s left or right side to adjust it to the desired width.

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 *