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, we have shared the steps to load the site in mobile site layout in the Google Chrome browser.
On this page, you can find and jump to:
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:
- 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.
It will launch the Developer Tools pane in the browser. - Click on the Device toggle icon to enable the mobile site view mode.
It 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.
Lastly, if you've any thoughts or feedback, 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.