Chrome Developer Tools For RWD(Responsive Web Design)
Posted: Tue Aug 27, 2013 11:59 pmDid 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).
2) Click the gear icon in the bottom-right corner.
3) Click the "Overrides" tab..
4) and turn on the Device metrics.
Simple right?..
1) Open up the Chrome Developer Tools (CTRL+SHIFT+I).
- screen1.jpg (188.99 KiB) Viewed 7378 times
2) Click the gear icon in the bottom-right corner.
- screen2.jpg (50.06 KiB) Viewed 7378 times
3) Click the "Overrides" tab..
4) and turn on the Device metrics.
- screen3.jpg (114.15 KiB) Viewed 7378 times
Simple right?..