Chrome Developer Tools For RWD(Responsive Web Design)

[finoy]

Did you know the Chrome console allows you to quickly resize the browser viewport to any resolution without the use of extensions? You can also emulate CSS media, Geolocation, Device Orientation and override the user agent.


1) Open up the Chrome Developer Tools (CTRL+SHIFT+I).

screen1.jpg (188.99 KiB) Viewed 7405 times

2) Click the gear icon in the bottom-right corner.

screen2.jpg (50.06 KiB) Viewed 7405 times

3) Click the "Overrides" tab..
4) and turn on the Device metrics.

screen3.jpg (114.15 KiB) Viewed 7405 times

Simple right?..

[RaJesh Balakrishnan]

Thank you for the post Finoy, it is well said and supportive!