«   Previous tip Next tip   »

Chrome DevTools: The new CSS Tracker panel, an analysis of your used/unused CSS during page interaction

Last updated: 27th September 2019
The new CSS Tracker panel, an analysis of your used/unused CSS during page interaction

If you find my work useful, consider donating to help support the Dev Tips project. Thank you.

The "CSS Tracker" Panel in DevTools is an enhancement of the CSS Coverage feature.

This panel helps identify what CSS was used/unused in a recording session. After recording, you get a general overview of used/unused CSS and the ability to quickly navigate to the point in code where a particular CSS rule is found.

Update: Visual Shadow Editor is in Chrome Stable!

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week