Emmet Re:View displays your responsive web-page in a number of views side-by-side so you can quickly test how web-page looks at different resolutions and devices. All views are fully synchronized: scroll, fill-in form fields, click, hover and drag elements in one view and get instant feedback in all others.
Features:
* Breakpoints View: displays resizeable view for each CSS media query breakpoint of your page. Contents of large viewports are dowscaled to fit your screen size.
* Device Wall: bird’s-eye overview of device-sized viewports. In this mode, each view is scaled according to tag of your page and overrides User-Agent with real device value.
* Create your own devices and presets for Device Wall.
* PageSync engine synchronizes all user interaction across all viewports: not just scrolling, form fill and clicks but also mouse hover, movement and dragging.
Fantastic extension. Makes developing responsive sites so much easier. Only thing I would change would be adding a way to add a custom order to devices within the custom groupings that I create, rather than displaying viewports based on their alphabetical naming.
Brilliant
Sehr hilfreich. Dazu mit schönes Interface!
Some request:
– viewport support(it’s important for mobile device)
– in page refresh (not refresh and active extension again)
– smaller (or control able) margin. (now it’s auto fix window, most time reduced preview)
good
Good
This used to be a very useful plugin, but it hardly ever works anymore. The Breakpoints View almost never works, and the Device View is only a little better.
Judging by Github, the code hasn’t been touched in over 3 years, so this has probably been abandoned. Hopefully the creator (or someone else) updates it, because it was a great tool when it worked.
J’aime cette extension : elle a une interface élégante et ne plante pas. C’est un moyen rapide et efficace de vérifier les sites responsives.
just the tool I neede to test my app on various screen sizes..worked like a charm
I love this extension for testing websites. Great work!
Only questions: How do I change the orientation of the tablet from landscape to portrait?
Good tool for the most part.
Output for every device is shrunk so all can fit into the browser window, which is more nuisance than help to me, but I guess that’s personal preference.
The device names and dimensions under each are also barely readable. Not only is the text far too small, it’s also a grey font on a grey background.
Super Erweiterung und sehr übersichtlich bei der Darstellung verschiedener Ansichten.
Tested on webserver – cool. But why it not working if open local file index.html?
Worked great until Chrome 64, no doubt Sergei plans to fix this soon even though it’s a regression from Chromium.
EDIT: Fixed as of February 2018
I use SSD and put my user off the drive C:
Then you get an error because the extension files are now in drive D:
Well, its not even working… ERROR: “Uncaught DOMException: Failed to read the ‘cssRules’ property from ‘CSSStyleSheet’: Cannot access rules”
This is a great tool with one pretty major exception. The device names and resolutions underneath the previews are way too small to read. Please make the font bigger and easy-to-read.
Amazing tool
Very useful!~
Me encanta esta extención, funciona de maravilla 🙂
This is a great tool to review websites in mobile and desktop (and many others if you want) view.
A few websites it doesn’t work on for some reason. Including the new slack.com website using css grid.
Installed and do not want to miss it any more…
this is one of the most useful add ons for a web developer who needs to test both mobile and desktop views. Highly customizable views and side-by-side comparisons are incredible.