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

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

Say Thanks
Respond

3 Responses
Add your response

4939
8781a802ce4366221a5330f1c519d958

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

over 1 year ago ·
4941
E0123a4b0c419afa026675034b58b648
over 1 year ago ·
4943
8781a802ce4366221a5330f1c519d958

@rahult That's neat! Thanks!

over 1 year ago ·