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
And then change the device viewport by selecting the required User Agent.
In my case I have selected iPhone 5 for the example below
Written by Rahul Trikha
Related protips
3 Responses
Thanks for the post! Any suggestions on how to do it in automated Selemium tests?
over 1 year ago
·
Thanks @status200,
You can make use of the --user-agent command line option
over 1 year ago
·
@rahult That's neat! Thanks!
over 1 year ago
·
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Chrome
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#