Skip to content

How to Enable Mobile Site View in Chrome Computer

Web developers or designers must check how the website looks on different device configurations and resolutions. Google Chrome offers developer tools that help to view the site in different screen sizes. You can easily enable the mobile site view on the desktop computer from the same developer mode developer device toggle.

View Mobile and Desktop Site Mode on Chrome browser

If you’re a developer and want to view the mobile site view on a desktop computer browser like Google Chrome, then you can use the below tip. This can help you quickly switch your site look from desktop to mobile and test the front-end look and feel.

Google Chrome has an in-built developer tool console that easily allows the switch between mobile sites and desktop sites without any developer extensions. It has preset device options to select from the dropdown and change the screen size.

You can also choose the responsive mode and resize the screen width to test the website’s responsiveness over different screen sizes. Chrome will give a perfect mobile and navigation experience from the desktop browser after we enable the mobile view.

View Mobile Site

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 3dots 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 Computer
  6. This will launch the Developer Tools pane in the browser.
  7. Click on the Device toggle icon to enable the mobile site view mode.
    Mobile Site view mode in Google Chrome on Computer

This 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 on the Chrome Android browser. It has no developer options, but it can be helpful when you need the whole site experience on small screens.

What do you think about the mobile site view under developer tools for Chrome computers? Isn’t it helpful? Let us know.

Lastly, if you've any thoughts or feedback on How to Enable Mobile Site View in Chrome Computer, 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 using our links; of course at no extra cost to you (indeed, you may get special discounts).
nv-author-image

Kushal Azza

Kushal has a Bachelor of Engineering in Mechanical; however, his passion for technology and gadgets has made him a digital & tech geek. He has over a decade of experience solving tech problems and creating digital solutions. Follow him on Twitter and LinkedIn.

Share us your thoughts and feedback

Your email address will not be published. Required fields are marked *