Responsive Viewer

Responsive Viewer puts every breakpoint in one panel. Switch between device presets — iPhone, iPad, Galaxy, Pixel, MacBook — or drag to any custom viewport. The page stays fully interactive, so you can test real behavior at every size.

Add to Chrome for free
responsive-viewer-hero.webp

About Responsive Viewer

Responsive Viewer lets you test your pages at any screen size without leaving the tab. Switch between device presets or drag to custom viewports. The page stays fully interactive so you can test real behavior at every breakpoint.

Features

Test your layouts at every breakpoint without leaving your current tab.

Device Presets

iPhone, iPad, Galaxy, Pixel, MacBook, and more — each preset matches the target device's exact viewport. Switch instantly. No setup.

Custom Breakpoints

Drag the viewport edges to any size. Live dimensions update as you go, so you can hit your exact breakpoint — not just the presets.

Full Page Interaction

The page stays fully interactive in responsive mode. Click, scroll, type, and inspect — just like full width. No more stretching and re-stretching your browser window.

How to use

  1. 1

    Select Responsive Viewer from the InspectDev toolbar.

  2. 2

    Pick a device from the preset dropdown, or drag the viewport edges to a custom size.

  3. 3

    Interact with the page — follow links, scroll, type into fields — to test behavior at that breakpoint.

  4. 4

    Use the screenshot button to capture the viewport and share with your team.

Try Responsive Viewer free

Responsive Viewer is included in the free version of InspectDev. Upgrade to Pro for advanced features like persistent workspaces and team sync.

Add to Chrome for free

Related tools