70brvw
Last Updated: February 25, 2016
·
3.246K
· rahult

Emulating Mobile Devices in Chrome

Debugging on Mobile is still hard, mainly due to lack of interface, tools and device segregation (iPhone, iPad, Android Phones, Tablets etc)

Here is quick trick I use to test my site on various mobile devices by emulating the device viewport setting.

Click on the cog icon (bottom right) in developer tools to get to the following settings tab

Picture

And then change the device viewport by selecting the required User Agent.

In my case I have selected iPhone 5 for the example below

Picture

3 Responses
Add your response

4939

Thanks for the post! Any suggestions on how to do it in automated Selemium tests?

over 1 year ago ·
4941
over 1 year ago ·
4943

@rahult That's neat! Thanks!

over 1 year ago ·