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 7376 times

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

screen2.jpg (50.06 KiB) Viewed 7376 times

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

screen3.jpg (114.15 KiB) Viewed 7376 times

Simple right?..

[RaJesh Balakrishnan]

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