Item logo image for Slimmer DevTools (No-Metrics)

Slimmer DevTools (No-Metrics)

Featured
Item media 1 screenshot

Overview

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

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

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.9.6
  • Updated
    November 13, 2024
  • Offered by
    vincolus
  • Size
    598KiB
  • Languages
    English
  • Developer
    Email
    munichvince@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Siemens Web Framework DevTools

5.0(1)

Extends the Developer Tools for declarative UI

Svelte DevTools

3.7(24)

Browser DevTools extension for debugging Svelte applications.

Better Ruler

4.8(52)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Web Developer Tool for Chrome

4.9(22)

Web developer toolbox for your browser.

VisBug

4.8(254)

Open source browser design tools

Tailwind CSS Devtools

4.3(7)

Tailwind CSS Developer Tools

Vertical Tabs

4.1(163)

Vertical tab manager in side panel

Atomic CSS Devtools

5.0(16)

A devtool panel for debugging Atomic CSS rules as if they were not atomic

Show All Padding & Margins

4.3(3)

Highlights margins and padding for all HTML elements in any webpage.

Tabs Counter - Number of Browser Opened Tabs

3.0(7)

Count number of opened tabs in web browser current window. Displays tabs count number on the extension/add-on icon in the toolbar

Lexical Developer Tools

5.0(2)

Adds Lexical debugging tools to the Chrome Developer Tools.

Window Resizer

4.3(6)

Resize browser windows to test layouts on different resolutions with multi-window support.

Siemens Web Framework DevTools

5.0(1)

Extends the Developer Tools for declarative UI

Svelte DevTools

3.7(24)

Browser DevTools extension for debugging Svelte applications.

Better Ruler

4.8(52)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Web Developer Tool for Chrome

4.9(22)

Web developer toolbox for your browser.

VisBug

4.8(254)

Open source browser design tools

Tailwind CSS Devtools

4.3(7)

Tailwind CSS Developer Tools

Vertical Tabs

4.1(163)

Vertical tab manager in side panel

Atomic CSS Devtools

5.0(16)

A devtool panel for debugging Atomic CSS rules as if they were not atomic

Google apps