Width and Height Display Chrome Extension

 Chrome has recently changed the way width and height of the current screen size is displayed while using the developer tools. I like the new responsive system, but find when I am using it I lose real estate on my screen. This is fine while Im plugged into an external monitor. It becomes an issue when Im on my laptop trying to maximize my screen space. This will simply put the pixel width and height for the real estate taken up by the screen into the upper right hand corner. I might create a config file to offer color and placement preferences in the future.

Hope you find this useful.

Fixed issue where fixed headers would hide the extension by raising z-index.
Fixed issue where sites inherited font-size and/or font-family was illegible.

How to install Width and Height Display chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Width and Height Display Chrome Extension to your Chrome Web browser.

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