Hide Box MOdel

What is this?

This is a small extention to hide Box Model viewer in Chrome DevTools.

Why?

Most of the time when I use DevTools to inspect a web page, I hardly use the box model viewer, but it takes up a good amount of space and pushes down the Computed Styles down. That is why I wanted to hide the box model viewer.

How to Install and use?

• Download this repository either by cloning or as a zip file.
• Extract the zip.
• Open Chrome DevTools and go to settings. Under Experiments enable Allow custom UI themes option.
• Visit Chrome Extentions page chrome://extensions/ and enable developer mode (this is required because you are installing the extention from a local folder). You will see 3 buttons.
• Click on Load Unpacked button. browse and select the previously extracted folder.

Licence

MIT licence - (See LICENCE file in the repository).