DEV Community

loading...
Cover image for CSS Overview, new experimental feature on Chrome DevTools

CSS Overview, new experimental feature on Chrome DevTools

vicainelli profile image Vinicius Cainelli ・1 min read

Hey Developer, have you heard about the new experimental feature of Chrome DevTools?

It's called CSS Overview, and it shows you the colors, font info, unused declarations, and media queries.

Alt Text

To enable it in your Chrome or Brave browser

  1. Open up DevTools
  2. Head over to DevTool Settings
  3. Click open the Experiments section
  4. Enable the CSS Overview option

DevTools window in a settings tab to enable CSS Overview feature

You probably should close the DevTools window and open it again to see the CSS Overview new tab.

DevTools window with a CSS Overview feature tab

This is pretty cool, right?

Discussion (0)

pic
Editor guide