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

概述我知道使用Firefox的Firebug扩展等工具可以很容易地获得应用于 HTML中单个节点的CSS. 但有没有办法看到在整个页面上生效的所有CSS,或者更大的HTML片段？ 具体来说,我们正在将一个非常大的CSS文件清理成更小的模块,并希望找出某个页面上使用的CSS,因此我们可以将所有未使用的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外,这些都是跨平台和免费的.

总结

以上是内存溢出为你收集整理的有没有办法获取应用于HTML片段或页面的所有CSS的列表？全部内容，希望文章能够帮你解决有没有办法获取应用于HTML片段或页面的所有CSS的列表？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。