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

↔ 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
  • Viewport animation
  • Adapt meta viewport tag from current page
  • Visual preview of device metrics (onMouseOver)
  • Manually page reload
  • Keyboard support (reload/refresh page, quit toolbar)
  • Viewport information (size, aspect ratio, orientation and user agent)
  • 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 (27)

Apple
BlackBerry
HTC
LG
Motorola Mobility
Nokia
Samsung
Sharp
Sony Ericsson

Tablet (10)

ALCATEL
Amazon
Apple
Asus
Hewlett-Packard
Lenovo
Samsung
Sony Ericsson

Other (Widescreen, HDTV) (6)

↔ Resizer

Requirements

Browser support

Browser support

Changelog


Comments/Feedback