Browse mobile version of any website on PC (with screenshot)

Sometime we need to browse the mobile version of any website on PC. We fall in difficulties to do this. Recently I did a research about how to do this. On this blog post I'll tell you how to browse the mobile version of any website on PC.
Most browsers have a way of letting you change the "user agent" -- the thing that tells a website what kind of device you're on. So even when you're on a laptop or desktop, you can trick a website like Instagram into showing you the mobile site. That's what we're going to do.

Safari

On Safari, it's easy. Go to Safari > Preferences > Advanced. Check the box at the very bottom that says, Show Develop menu in menu bar. Now open a new Safari window or tab and click on Develop > User Agent > Safari -- iOS 12.1.3 -- iPhone in the menu bar. 
Then go to any website and you'll be able to see it in mobile version.

Chrome

In Chrome, go to any website. Now right-click anywhere on the page then select Inspect from the list of optionsPart of the site will be covered up with the Inspector tool, but we only really care about the small icon of a tablet and phone. It's in the top-left corner of the Inspector window -- click it. The page will refresh with a mobile view, If any feature of the website is missing, refresh the page.
When you're done, click on the tablet/phone icon again. Close the Inspector tool and refresh the website to go back to the desktop version.

Hope this tutorial is useful for you. If this helps you a little bit then follow my blog by clocking Here for more interesting updates.

Read these too

Post a Comment