我知道使用Firefox的Firebug扩展等工具可以很容易地获得应用于
HTML中单个节点的CSS.
但有没有办法看到在整个页面上生效的所有CSS,或者更大的HTML片段？
具体来说,我们正在将一个非常大的CSS文件清理成更小的模块,并希望找出某个页面上使用的CSS,因此我们可以将所有未使用的CSS移动到另一个模块.
解决方法
谢谢你们！这些是我现在从您的建议中看到的各种解决方案(此处针对具有相同问题的人收集)：
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外,这些都是跨平台和免费的.
