How to view mobile version of websites on desktops

mobile version of neowinnet on google chrome

Visiting websites designed primarily for desktop viewing on phones is fairly straightforward thanks to web browsers on Android and iOS. Doing the opposite, however, can be a bit of a challenge. If you'd like to view the mobile version of a site on your desktop for whatever reason, we've got you covered.

Here's a simple guide to show you how to view mobile versions of sites on desktops. This tutorial will work on Google Chrome and Microsoft Edge.

Step 1: Open up the website on the desktop browser of your choice. We've chosen Chrome for this guide but Edge will do as well. Once the page has loaded, press F12 to toggle the developer tools.

Step 2: Once the dev tools have opened up, find and locate the device toggle button that we've highlighted in the image below and click on it.

mobile version of neowinnet on google chrome

Step 3: You can click on 'Responsive' to select the device that you want to simulate. A drop-down menu with several options to choose from will appear. Alternatively, you can also customize the resolution of the simulation to suit your needs.

mobile version of neowinnet on google chrome

You can find sample mobile simulations of the same website on Chrome and Edge for your comparison in the below images.

Google Chrome Microsoft Edge
mobile version of neowin on google chrome
mobile version of neowin on microsoft edge

We hope you found this short guide easy to follow and helpful. If you have any questions or requests, let us know in the comments below!

Report a problem with article
1551472866_2
Next Article

Weekend PC Game Deals: Enjoy a nature bundle, a triple freebie special and more

NASA&039s HLS and the NASA logo
Previous Article

NASA chooses SpaceX to land next Americans on the Moon

3 Comments - Add comment

Advertisement