141599 2015-02-13 21:53:51 -0800 Web Inspector: CSS Report: Unused / dead code 2026-01-12 09:08:06 -0800 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All NEW InRadar P2 Normal --- 1 joepeck webkit-unassigned benjamin graouts inspector-bugzilla-changes jonowells webkit-bug-importer oldest_to_newest 1069136 0 joepeck 2015-02-13 21:53:51 -0800 * SUMMARY CSS Report: Unused / dead code. When we do Reports, a useful CSS report feature to have would be warning about unused rules, or dead code within stylesheets. Examples: - warn about unused rules (could be dead code, or could just not be affecting this page) - warn about explicitly dead code, overruled within the styles: "b{color:red} b{color:blue}" => the first rule is dead code and can be eliminated ".a.b{...} .b.a{...}" => more complex, but these two selectors match, possible dead code Doing a quick web search, there are tools that do similar things: - css-eliminator <https://www.npmjs.com/package/css-eliminator> - uncss - <http://davidwalsh.name/uncss> - unused-css - <https://unused-css.com> (I think this actually checks on multiple pages to essentially get code-coverage of a stylesheet across many pages) - cssess - <http://razorfast.com/2010/11/21/announcing-cssess-the-bookmarklet-that-finds-unused-css-selectors/> - helium-css - <https://github.com/geuis/helium-css> - deadweight - <https://github.com/aanand/deadweight> - CSS Scanner - <http://sourceforge.net/projects/cssscanner/> 1069137 1 webkit-bug-importer 2015-02-13 21:54:04 -0800 <rdar://problem/19837134>