Show VP details Chrome Extension

displays viewport size and aspect ratio info.
chrome browser extension to display the viewport dimensions and aspect ratio in a popup. uses manifest v3.

This is a very simple extension that injects a bit of javascript into the target page.

When you load the extension it displays a popup with the viewport dimensions and aspect ratio as shown in the image. If you resize the window the displayed values track. The popup will display for five seconds before it gets out of the way. If you reload the tab the popup will also reload.

If you hit a hotkey the popup will come up and display the current values. If you hit a key within the first 1.5 seconds of loading the extension it will use that as its reload hotkey, otherwise the default is a lowercase "r" character.

Clicking the action icon only displays the popup on the first click to launch the extension. Once it is running you will need to use the hotkey or resize the window for the popup to display again.

We suggest using the "on click" choice and "allow access to files" on the extension details page as shown in the image.

The extension doesn't require or use any permissions from Chrome.

The code consists of two files, the manifest.json and the javascript that is injected. Both are in a github repo at https://github.com/Bob-Wright/showVPdetailsExtension

Why do you need this? Check or test responsive web designs maybe?

If you need more punch than this simple popup suggest checking window resizer from coolx10.com

How to install Show VP details chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Show VP details Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Show VP details Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Show VP details in Chrome Webstore Search and click on the search button.
• Step 3: click on the Show VP details Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Show VP details extension for your Chrome Web browser .