Skip to content

Hide the box model viewer in chrome DevTools style sidebar under elements panel

License

Notifications You must be signed in to change notification settings

biswajit-saha/hide-box-model

Repository files navigation

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).

About

Hide the box model viewer in chrome DevTools style sidebar under elements panel

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published