Google Chrome, as well as, Safari and Firefox have responsive design modes that allow you to test your site for responsiveness.

In many browsers you can simply adjust the size of the window and the browser will respond. However, this is going to change the size of all the tabs you are working with. The responsiveness tools allow you to test a specific site, while continuing to browse as normal on the other tabs.


Google Chrome Developer Tools

If you are a Chrome user you can get to the responsiveness tool by following this path:

Custumize and Control Menu (top right) > More Tools > Developer Tools


Once developer tools opens on the right, look for the mobile view icon at the top of that section of the window next to where it says "Elements" and click.

You will than see a toogle drop down menu in the center that says "responsive" unless you have previously changed it to a specific device view. (images shows Galaxy S5)

There is a feature that also allows you to rotate the display, as if holding a mobile device in the horizontal position for a wider view.

I hope this helps all you Chrome users here at WA!

Come along for a quick look at Safari...



Join the Discussion
Write something…
Recent messages
AndreaS3 Premium
Thanks for this Steve, really good to know for newbies like me :-)!
Reply
SteveOlan Premium
The pleasure is all mine.
Reply
Ivine Premium Plus
Hi Steve, I value this information. Irv.
Reply
SteveOlan Premium
Thanks for reading, Irv!
Reply
MKearns Premium
Thank you Steve for this good information.. Another great assessment tool!
Reply
SteveOlan Premium
Hope it helps. Thanks for reading!
Reply
Jim-Bo Premium
cool stuff Steve, thanks!
Reply
SteveOlan Premium
Thanks for stopping by Jim-Bo!
Reply
Oscar999 Premium
Thanks for the info.
Reply
SteveOlan Premium
My Pleasure!
Reply
Top