A little known trick can save you a lot of time when it comes to testing your website for mobile compatibility, and all you need is Google Chrome.

Start by opening your site as normal, right clicking somewhere on the desktop and then selecting “Inspect Element”

mobile-test1

 

You then want to click the little mobile icon, next to the “Elements” button. This will then open a mobile test screen.

mobile-test2

The mobile test screen can then be configured to emulate a wide range of mobile devices from early smartphones to current tablets. The small grey circle that you then see, is intended to be a fingertip and is used as you would on a normal mobile phone.

Note: If the image doesn’t appear as you might expect, just refresh the page to be sure it has changed.

mobile-test3