I am no longer actively blogging on this website.

How To View Mobile Sites on a Desktop

chrome mobile on desktop

ReAgent has been busy developing a mobile website recently.  As a result, I’ve had to do a lot of testing in mobile browsers.  While there are a number of mobile phone emulator services, not to mention various pieces of paid software which provide the same service, many people don’t realise that  you can view mobile sites on a desktop using Chrome.

Right click on the screen then click Inspect Element:

view-mobile-sites-on-chrome

Click the Gear / Settings Button in the bottom right corner:

view-mobile-sites-on-chrome2

You can then select any Overrides you require, including Screen Resolution:

TIP – an iPhone browser window is 320 pixels wide

view-mobile-sites-on-chrome3

And here’s what you should see:

view-mobile-sites-on-chrome4

Good, eh?  I find this really useful.

LinkedIn
Twitter
Disqus