Seesponsive
Interactively see how a website's layout changes responsively
What is Seesponsive?
Stats
Other platforms
Summary
INTRODUCTION
Seesponsive is a simple Google Chrome extension that allows you to see how a website's layout and design adjust responsively as the available screen width changes. It also lets you see the media queries that are being progressively matched or unmatched, driving these changes.
USAGE
To use the extension, just browse to a website that uses media queries. Then click the extension's action button in the toolbar. After a few seconds a black action bar will appear at the top of the page with two buttons - Shrink and Grow.
Clicking these will shrink and grow the width of the website to simulate the device width changing. As this occurs the action bar will indicate which media queries are being matched/unmatched at a particular width.
To see some examples of sites that use media queries to adapt responsively visit Media Queries (http://mediaqueri.es/).
Note: The Media Queries website is not in anyway affiliated with, nor does it endorse this extension. It's just a really useful website that I've used in the screenshots purely for demonstration purposes.
KNOWN ISSUES
User reviews
Safety
Risk impact
Seesponsive may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.
Risk likelihood
Seesponsive has earned a fairly good reputation and likely can be trusted.
Screenshots
Similar extensions
Here are some Chrome extensions that are similar to Seesponsive: