Seesponsive
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot

Overview

Interactively see how a website's layout changes responsively

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

3 out of 52 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Mhmad TohmeMar 19, 2024

not working ..

Review's profile picture

Gregori RainNov 30, 2021

for Heavenly Cool as it moves showing dimensions. Can you add controls and settings for the dimensions you want?

1 person found this review to be unhelpful

Details

  • Version
    1.0
  • Updated
    March 18, 2014
  • Offered by
    Simon Collins
  • Size
    50.46KiB
  • Languages
    English
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Responsive Inspector Reloaded

4.3(13)

Responsive Inspector Reloaded allows inspecting page media queries. Same as original, but it works on modern browsers.

Responsive Tester

3.3(61)

Test responsive web designs or mobile pages and see if it is mobile friendly

Responsive Debug

4.0(2)

A chrome extension for testing responsive web page, just by a click.

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Responsive Viewer

4.4(257)

Show multiple screens once, Responsive design tester

Responsive design tester

3.7(9)

Test your websites responsivness

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Responsive Window

3.6(9)

Making responsive design a little bit easier.

Mobile Browser Simulator UserAgent Switcher

1.9(23)

Listens for changes to a DOM node attribute in a page and sets the browser's useragent according to the contents of that attribute.

Mobrem

3.4(5)

Mobile browser emulator mainly for testing the responsiveness of web pages on various mobile screen sizes

Responsive View

4.2(14)

To view the page in different device screen sizes, just by a click

Responsive Inspector Reloaded

4.3(13)

Responsive Inspector Reloaded allows inspecting page media queries. Same as original, but it works on modern browsers.

Responsive Tester

3.3(61)

Test responsive web designs or mobile pages and see if it is mobile friendly

Responsive Debug

4.0(2)

A chrome extension for testing responsive web page, just by a click.

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Responsive Viewer

4.4(257)

Show multiple screens once, Responsive design tester

Responsive design tester

3.7(9)

Test your websites responsivness

Viewport Resizer – Responsive Testing Tool

4.2(266)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Emmet Re:view

4.4(162)

Fast and easy way to test your responsive design in multiple viewports

Google apps