What does your site look like on mobile? Using Chrome to emulate mobile devices

With Google’s Chrome, you can view mobile sites and inspect their CSS. This is great for looking under the hood of a mobile website and to gain an insight of how it was built.

Here’s the steps:

1. Enable Developer tools


Enable dev tools

Right click anywhere on your page and choose Inspect Element.

This brings up the developer panel. This will be either on the right or bottom of your web browser.

2. Turn on Device Mode





You can then get the browser to emulate a mobile device by clicking on the mobile device icon:

Emulate device


4. Choose your device



Screen Shot 2015-06-26 at 11.06.24