A responsive viewer that loads every device at once
Hoverify is a responsive viewer extension that opens your page on as many device viewports as you want, side by side. Scroll one and the rest follow. A break that only shows up at 390px is visible while you are still looking at 768px.
Every viewport on screen, side by side
Pick the devices you care about and they load together. Click a link on one and every other device navigates with it. This site was built on it.
Mirrored interactions. Scroll or click on one device and the rest follow. Turn either one off on its own.
Rotate. Flip any device between portrait and landscape without losing your place on the page.
Any size. Single-viewport mode gives you drag handles on the edges and a box for exact numbers.
Scrollbars. Show or hide horizontal and vertical scrollbars across the board to see what overflows.
Custom devices. Add your own profile when the presets don't match what you actually ship to.
Navigate. Back, forward, refresh or type a URL, and every device on the board goes there.
Everything the responsive viewer can do
A mobile simulator is only useful if it survives contact with real sites and real handoffs. These four are where that gets decided.
Real device frames
iPhone 16, iPhone 15, Pixel 7 Pro, Nothing Phone, Galaxy, iPad and more, drawn with the OS status bar the real thing shows. Turn the status bar off, or drop the frame entirely when you just want pixels.
Works on sites that block iframes
Most responsive checker extensions load your page in an iframe and go blank the moment a site sets X-Frame-Options. Hoverify can inject the viewer into the page itself, which is the difference between testing your staging site and staring at an empty box.
Screenshot one device or all of them
Capture the visible viewport or the full scrollable page, on a single device or across the whole board in one pass. Save as PNG, JPEG or WebP, copy it to the clipboard or take the lot as a zip.
Straight into the editor
Any device screenshot opens in Hoverify's screenshot editor, where you can annotate the broken bit, add a background and export it at the size the reviewer needs.
Bigger than your screen. Zoom the board out and a 2560px viewport fits on a 13-inch laptop.
User agent. Change the user-agent string to see what a site serves a phone rather than a desktop.
Device colors. Every preset carries its real finishes, from Black Titanium to Ultramarine.
What developers say about testing with Hoverify
Reviews from the Chrome Web Store and X.
Madhu Menon
Found an incredibly useful web design / development tool called Hoverify. Allows you to inspect elements on any site, copy styles, show grids, check on different viewports, grab asset lists, hide elements, and a whole lot more.
Mike Oliver
My go-to browser extension when building websites. The support is amazing and very responsive.
Frequently Asked Questions
Have a question we haven't answered? Get in touch.
How is this different from Chrome's device toolbar?
DevTools shows one viewport at a time. Hoverify's responsive viewer puts every device you've picked on screen together, and a scroll or a click on any one of them carries across the rest.
Which devices are included?
33 presets ship with the extension. Phones: the full iPhone 16, 15 and 14 families, each with its Plus, Pro and Pro Max; iPhone 12, 12 Mini and 12 Pro Max; iPhone 11; Galaxy S20, S20+ and S20 Ultra; Galaxy Note 10 and Note 10+; Pixel 4, Pixel 5 and Pixel 7 Pro; and the Nothing Phone. Tablets: iPad, iPad Pro 11 and Nexus 7. Tailwind's five breakpoints round out the 33. Add your own profile for anything that isn't there.
Does it work on sites that block iframes?
Yes. Most responsive checker extensions load your page in an iframe, which fails on sites that send X-Frame-Options or a frame-ancestors policy. Hoverify can inject the viewer straight into the page instead, so those sites still render.
Can I take screenshots of every device at once?
Yes. Capture one device or all of them in a single pass, either the visible viewport or the full scrollable page. Save as PNG, JPEG or WebP, copy to the clipboard or download the whole set as a zip. Any shot opens in the built-in screenshot editor.
Can I test a viewport larger than my monitor?
Yes. Zoom the board out and the devices scale with it, so a 2560px viewport is testable on a laptop screen. There's also a single-viewport mode where you drag the edges to any width and height you want.
Which browsers does the responsive viewer work in?
Chrome, Edge, Brave and other Chromium browsers are fully supported. Every tool runs in the Firefox build too; it carries an experimental label because Chromium gets fixes and new features first.
Is the responsive viewer free?
The viewer is one of Hoverify's eight tools, and Hoverify is paid, with a 14-day refund behind it. Run it against your own breakpoints for a fortnight and you can still back out. That refund is what replaces a free tier. One license covers 3 browsers at a time, and it never renews on its own. See the pricing.
Find the break, then fix it without leaving the tab
Hoverify keeps the responsive viewer, the CSS inspector and the screenshot tools in one extension. Spot a layout problem on the iPhone board, hover the element to see which media query is winning, and send the annotated shot to whoever needs it.
- 3 browsers per license
- 14-day refund
- No auto-renewal
Hoverify
Keep reading
Guides from our blog that go deeper on this.
5 Chrome extensions for responsive testing
What each responsive testing extension actually does, and which one fits the way you work.
Read the guideHow to debug responsive design issues in under 5 minutes
A short routine for finding the breakpoint that broke, instead of resizing the window and hoping.
Read the guideHow to use responsive design mode in Chrome
Everything Chrome's own device toolbar can do, and where it runs out of room.
Read the guideThe complete guide to testing across devices
Which viewports are worth testing, how to pick them, and what real devices still catch that simulators don't.
Read the guide