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.

All views are fully synchronized: scrolls, form field fills and clicks, even mouse interactions like movement and hover.

Device Wall

Bird’s-eye overview of device-sized viewports. Each view is scaled according to <meta name="viewport"> tag of your page and overrides User-Agent with real device value.

In Device Wall, hold down Shift key to enter control mode (screen edge will glow green): use mouse wheel to zoom in/out, drag view to pan around.

If you don’t see glowing edge while holding Shift key, click somewhere on the page outside of responsive views and try again.

Easy to use

  1. In Google Chrome, go to a web-page with responsive layout.

  2. Click on a browser icon to enable Re:view.

  3. Switch between display mode, pick any existing device or preset or even create your own ones!

Install Google Chrome extension

Product Hunt