Seesponsive Chrome Extension

 INTRODUCTION

Seesponsive is a simple Google Chrome extension that allows you to see how a websites 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 extensions 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. Its just a really useful website that Ive used in the screenshots purely for demonstration purposes.

KNOWN ISSUES

Occasionally you may find that the loading message does not disappear and you get an error popup. This is an known intermittent issue at the moment. Usually reloading the page and trying again solves it.

SOURCE CODE

This extension is open source under the MIT licence. See the Github project for details and code:
https://github.com/devilishio/seesponsive

How to install Seesponsive chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Seesponsive Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Seesponsive Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Seesponsive in Chrome Webstore Search and click on the search button.
• Step 3: click on the Seesponsive Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Seesponsive extension for your Chrome Web browser .