Skip to content
Open sourceActive

Viewport Lab

Check responsive layouts by resizing the viewport inside your current tab.

Chrome Web Store ↗GitHub ↗
platform
Chrome
stack
JavaScript, Chrome Manifest V3, Chrome DevTools Protocol
license
MIT
install
Install from the Chrome Web Store

Overview

Viewport Lab lets you check responsive layouts directly in the current Chrome tab. Adjust width and height while keeping your browser window and page state intact.

Media queries and viewport units respond to the selected dimensions. It also works on local development pages, with controls in Italian.

What it does

  • Drag edges or enter exact dimensions
  • Real viewport resizing for media queries, vw and vh
  • Page state preserved through resizing and navigation
  • Keyboard controls and reset
  • Works on localhost, with no telemetry

More from illegal studio

ElephcLazyagentContextggg