有没有办法获取应用于HTML片段或页面的所有CSS的列表？

Question

我知道使用Firefox等Firebug扩展等工具可以轻松获取应用于HTML中单个节点的CSS。

但有没有办法看到所有在整个页面上生效的CSS，或者更大的HTML片段？

具体来说，我们正在将一个非常大的CSS文件清理成更小的模块，并希望找出某个页面上使用的CSS，因此我们可以将所有未使用的CSS移动到另一个模块。

Answer 1

谢谢大家！这些是我现在从您的建议中看到的各种解决方案（此处为具有相同问题的人收集）：

Dust-Me选择器（Firefox附加组件）
这正是我所需要的。列出已使用和未使用的CSS选择器（对于当前页面，或整个站点，在搜索后），并可以将这两个列表转储为CSV文本。大。
https://addons.mozilla.org/firefox/addon/5392/

CSS使用（Firefox附加组件）
https://addons.mozilla.org/firefox/addon/10704/

WARI - Web应用程序资源检查器（Java工具）
似乎只处理静态代码，而不是像大多数使用ajax的Web应用程序中那样动态生成的HTML - 不幸的是，这使得它变得无用，至少对我而言 http://wari.konem.net/

CSS冗余检查器（Ruby脚本，需要Rubygems和Hpricot）
http://code.google.com/p/css-redundancy-checker/

TopStyle （仅适用于Windows的应用程序，$ 79.95（!!））
http://svanas.dynip.com/topstyle/

除TopStyle外，这些都是跨平台和免费的。

Answer 2

就工具而言，你可以使用css usage plugin作为萤火虫。它将分析用过的CSS的页面。

或者您是否正在寻找一种更具程序性的方法？

Answer 3

你可以试试Dust-Me Selectors，它是firefox的附加组件，如果你使用firebug，正如你所说，你可能会觉得有用CSS Usage。