The Wayback Machine - https://webcf.waybackmachine.org/web/20240930104818/http://lab.maltewassermann.com/viewport-resizer/

For the latest updates, follow me on Twitter: @MalteWassermann

Viewport resizer

Responsive design bookmarklet

↔ Resizer

Responsive design testing tool
It only takes 2 seconds!

More than 720k people visited this site in 190 countries! Thank you for your support!

Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page.

The smartest way to share your defined environment of devices and breakpoints directly with your team and client.

This bookmarklet should not replace a real device simulation. It rather helps you, your team and client testing statuses, transitions, text length etc. throughout different device types.

Viewport Resizer: #RWD Bookmarkelt. Another good testing tool.

Adobe Fireworks — Twitter

There are many like it, but this one by Malte Wassermann is a really good one. It goes the extra mile …

Chris Coyier — CSS-Tricks

Such polish. love it

Paul Irish — Google+

A #useful Responsive design testing tool: Viewport Resizer.

Adobe Reflow — Twitter

Features

  • Full customization
  • Add and customize sizes on the fly
  • Manually orientation toggle by click (portrait | landscape)
  • Automatically device window orientation in "Auto Size" mode (portrait | landscape)
  • Media query support
  • Adapt meta viewport tag from current page
  • Works below Google Chrome's 400px limit
  • LiveReload compatible
  • Viewport animation
  • Viewport information (size, aspect ratio, orientation and user agent)
  • Manually page reload
  • Visual preview of device metrics (onMouseOver)
  • Keyboard support (reload/refresh page, quit toolbar)
  • Remove toolbar and land on current page
  • Vector-based
  • Print support: WebKit only (Chrome and Safari)

Viewport Resizer is free

The Viewport Resizer Project is financed entirely by donations and contributions from the Responsive community.

Thank you for your support!

Configuration

Examples

Setup

Build your own bookmarklet here

In a Nutshell (4)

Mobile (31)

Tablet (11)

Other (Widescreen, HDTV) (6)

↔ Resizer

Requirements

Browser support

Browser support

Changelog

Comments/Feedback