Viewport Dimensions
Item logo image for Viewport Dimensions

Viewport Dimensions

www.cswapps.com2.8(

158 ratings

)
Item video thumbnail
Item media 1 screenshot
Item video thumbnail
Item media 1 screenshot
Item media 1 screenshot
Item video thumbnail

Overview

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

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 *** UPDATED v0.0.4 *** NEW: The extension now displays Chrome’s inner and outer sizes. NEW: The extension now works in offline mode, or with URLs "file:///". If you find any issues or if this extension is not working correctly please post a comment on our GitHub page before leaving a review so I have a chance to fix it, thanks ;O) https://github.com/CSWilson/Viewport-Dimensions/issues You can view the code within this extension over at GitHub: https://github.com/CSWilson/Viewport-Dimensions

2.8 out of 5158 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Peter StarkeyNov 23, 2023

Doesn't work on 119

Review's profile picture

Heather HauensteinAug 17, 2023

Pure garbage, doesn't work even after restarting Chrome. Tried everything. Trash!

2 out of 2 people found this helpful
Review's profile picture

Jacob van AkinSep 15, 2022

It's great when it works. Lightweight and simple. But it randomly decides not to work at times so you can't depend on it.

1 person found this review to be helpful

Details

  • Version
    0.0.7
  • Updated
    September 17, 2016
  • Size
    48.58KiB
  • Languages
    English (United States)
  • Developer
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Easy Window Resize

3.9(38)

Resize window with a keystroke.

Grid Ruler

3.7(323)

Create grids and measure their distance easily.

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Viewport Detector

4.0(3)

Viewport detector for bootstrap 3

Width and Height Display

4.0(34)

This extension displays the inner width and innner height of the screen

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

Screen Size

2.9(15)

Calculate screen size and resolution.

Dimensions

4.1(443)

A tool for designers to measure screen dimensions

ViewportDimension

3.0(8)

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

Window Dimensions

2.7(12)

This extension will display the window's dimensions after resizing the browser window.

Viewport Resizer – Responsive Testing Tool

4.2(265)

Responsive design testing tool to test any website’s responsiveness – it only takes 2 seconds! Emulate various screen resolutions.

Emmet Re:view

4.4(161)

Fast and easy way to test your responsive design in multiple viewports

Easy Window Resize

3.9(38)

Resize window with a keystroke.

Grid Ruler

3.7(323)

Create grids and measure their distance easily.

WAVE Evaluation Tool

4.1(138)

Evaluate web accessibility within your browser.

Viewport Detector

4.0(3)

Viewport detector for bootstrap 3

Width and Height Display

4.0(34)

This extension displays the inner width and innner height of the screen

Window Resizer

4.3(2.3K)

Resize the browser window to emulate various screen resolutions.

Screen Size

2.9(15)

Calculate screen size and resolution.

Dimensions

4.1(443)

A tool for designers to measure screen dimensions

Google apps