Slimmer DevTools (No-Metrics) - Chrome Web Store
Item logo image for Slimmer DevTools (No-Metrics)

Slimmer DevTools (No-Metrics)

Featured
5.0(

1 rating

)
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 (No-Metrics) ## Introduction Slimmer DevTools is a lightweight Chrome extension designed to enhance the web development experience by hiding the "Metrics" panel in Chrome's Developer Tools. This simple yet effective tweak allows developers to focus more on the computed CSS properties, which are often more frequently used during web design and development. ## Installation This extension can be easily added to your Chrome browser: Visit the Chrome Web Store and search for "Slimmer DevTools", then click on "Add to Chrome" to install. ## How to Use Once installed, Slimmer DevTools works automatically. There is no need for any manual intervention. The "Metrics" panel in the Chrome Developer Tools will be hidden, allowing for a more spacious view of the computed CSS properties. After activating, you may need to re-open the Developer Tools for the changes to take effect. ## Benefits - **Enhanced Visibility**: Provides a cleaner and more focused interface in the Developer Tools. - **Improved Efficiency**: By removing the seldom-used "Metrics" panel, developers can work more efficiently with CSS properties. - **Easy Toggle**: The extension can be easily toggled on or off from the Chrome extensions menu, providing flexibility. - **Mixes Well**: Slimmer DevTools works well with other extensions and does not interfere with their functionality. ## Deactivation/Reactivation To temporarily deactivate Slimmer DevTools, simply navigate to the Chrome extensions page and click on the toggle button for the extension. Reactivation can be done in the same way. ## Privacy and Security Slimmer DevTools does not collect any user data nor does it compromise the security of your browser. ## Feedback and Support Your feedback is valuable. Please feel free to leave a comment or suggestion on the Chrome Web Store page for this extension. ## Future Updates The current version is pretty much the endresult, but I am open to suggestions for future updates. ## Acknowledgements I made this extension, because I was annoyed by the "Metrics" panel in the Chrome Developer Tools. I wanted to hide it, but I couldn't find any extensions that did this. So I decided to make my own. Credits go to this StackOverflow post, which was the final push I needed to make this extension: - https://stackoverflow.com/questions/66691662/is-there-a-way-to-hide-the-box-model-graphic-in-chrome-developer-tools Hope you like it! Cheers!

5 out of 51 rating

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

Details

  • Version
    0.9.4
  • Updated
    April 19, 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

Svelte DevTools

4.1(16)

Browser DevTools extension for debugging Svelte applications.

Better Ruler

4.8(50)

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

Chrome extension source viewer

4.6(419)

View source code of Chrome extensions, Firefox addons or Opera extensions (crx/nex/xpi) from the Chrome web store and elsewhere.

Web Developer Tool for Chrome

5.0(20)

Web developer toolbox for your browser.

JavaScript disable Chrome

5.0(8)

Quickly toggle JavaScript on/off in the Chrome Browser. JavaScript disable extension.

Reopen closed tab

4.7(7)

Reopen Closed Tab: Easily restore closed tabs in one click. Enhance your browsing with the convenient "Reopen tab" button

CaretTab - New Tab Dashboard

4.4(831)

Your Tab, Your Rules! Infinite customization of your New Tab page with many widget options.

Hide That!

4.6(40)

This extension can hide or remove selected elements on a page. Useful for removing invasive adverts, banners and overlays.

Enhanced GitHub

4.5(56)

Display repo size, size of each file, download link and option to copy file contents

SnipCSS

4.2(29)

Extract the CSS/HTML for any element on any page, only take the styles you want

tabVertikal - vertical tabs

4.3(17)

Manage tabs & tabGroups vertically in side panel. Advanced auto tab grouping. Switch workspaces. Auto suspend tab

Convert Experience Tools

5.0(4)

Helps customers that use Convert Experiences A/B testing tool from Convert.com in the process of developing and debugging

Svelte DevTools

4.1(16)

Browser DevTools extension for debugging Svelte applications.

Better Ruler

4.8(50)

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

Chrome extension source viewer

4.6(419)

View source code of Chrome extensions, Firefox addons or Opera extensions (crx/nex/xpi) from the Chrome web store and elsewhere.

Web Developer Tool for Chrome

5.0(20)

Web developer toolbox for your browser.

JavaScript disable Chrome

5.0(8)

Quickly toggle JavaScript on/off in the Chrome Browser. JavaScript disable extension.

Reopen closed tab

4.7(7)

Reopen Closed Tab: Easily restore closed tabs in one click. Enhance your browsing with the convenient "Reopen tab" button

CaretTab - New Tab Dashboard

4.4(831)

Your Tab, Your Rules! Infinite customization of your New Tab page with many widget options.

Hide That!

4.6(40)

This extension can hide or remove selected elements on a page. Useful for removing invasive adverts, banners and overlays.

Google apps