EXTPOSE
No-Metrics-Pane (slimmer DevTools) icon

No-Metrics-Pane (slimmer DevTools)

Extension Actions

How to install an extension Open in Chrome Web Store
CRX ID
eoponiimbhcmaenjpdedhfknijgjcjcf
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

Hides the metrics-/box-model-pane from DevTools. Usage: 'Allow extensions to load custom stylesheets' in DevTools > Experiments.

Image from store
No-Metrics-Pane (slimmer DevTools)
Description from store

Slimmer DevTools hides the "Metrics" panel in DevTools.

For many developers, this box is rarely useful but takes up valuable space, allowing only a few CSS properties to be visible at a time. Slimmer DevTools removes it, letting you see more properties at once and work more efficiently.

### Enable/Disable
To enable, open `DevTools (F12) > Experiments` and activate "Allow extensions to load custom stylesheets," then restart DevTools.

To toggle Slimmer DevTools on or off, go to Chrome extensions and adjust as needed.

### Built for Simplicity
Designed to reduce clutter in DevTools – inspired by this [StackOverflow thread](https://stackoverflow.com/questions/66691662/is-there-a-way-to-hide-the-box-model-graphic-in-chrome-developer-tools).