Viewport Dimensions

This extension displays Chrome’s viewport dimensions when resizing the browser window.

What is Viewport Dimensions?

'Viewport Dimensions' is a Chrome extension designed to show real-time Chrome’s viewport dimensions in the lower right corner of the browser window. It's widely used for accurate testing of websites and screen recording at precise dimensions. It includes settings for visibility duration, display location, color customizations, and inner/outer dimensions display toggle. The extension also recently resolved overlapping issues with website elements and made it compatible with offline use and 'file:///' URLs.

Download

Extension stats

By: https://www.cswapps.com

View on Chrome Web Store

Users: 20,000+

Rating: 2.84 (158)

Version: 0.0.7 (Last updated: 2016-09-18)

Creation date: 2016-09-17

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

storage

Size: 49.75K

URLs: Website

Ranking

# 6209 ▼ 31

Other rankings

#2839 in Developer Tools ▼ 4 #38 in size keyword 9 ▼ 2 #128 in works offline keyword 23 ▼ 19 #234 in show keyword 15 ▼ 7

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This extension displays Chrome’s viewport dimensions in the lower right corner of the browser window when resizing the browser. Very handy when you want to make the browser window a specific size for testing websites or if like me you want to make the viewport precisely 1920x1080 when recording screencasts at 1080p.

*** NOTE: Chrome requires you to RESTART Chrome before this extension is fully loaded.

*** UPDATED v0.0.7 *** With the release of 0.0.7 I have added some new features, you can now set the amount of time the dimensions should remain visible for, the location on the screen the dimensions should appear, the background color, the text color, and size, and you now have the option to enable/disable both the inner/outer dimensions.

*** UPDATED v0.0.6 *** FIX: I fixed an issue where sometimes the viewport details panel would hide behind website elements, to fix this I have increased the z-index to the maximum number.

*** UPDATED v0.0.5 *** FIX: I fixed the error that would show up in the Chrome console. NEW: I upgraded jQuery to v1.11.1

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros