/dev tips

(125) Optimise your web development workflow 2016 Using the 'Never Pause Here' feature (127)

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

20th December 2016
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.

This is an experimental feature in Canary

Update: Visual Shadow Editor is in Chrome Stable!

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