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

我知道使用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外,这些都是跨平台和免费的.

（编辑：温州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!