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:
- Launch Google Chrome on your computer.
- Open the website that you want to view on the mobile site.
- Click on the More
menu for options. - Hover over the More Tools option from the list.
- Select Developer Tools under the More Tools menu.
- This will launch the Developer Tools pane in the browser.
- Click on the Device toggle icon to enable the mobile site view mode.
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.
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?
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.