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

我知道使用Firefox的Firebug扩展等工具很容易获得应用于HTML中单个节点的CSS

但是有没有一种方法可以查看整个页面或更大的HTML片段上的所有CSS

---

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

就工具而言，您可以使用firebug。它将分析页面中使用的css

---

或者你是在寻找一种更加程序化的方法吗？

你可以试试，这是firefox的附加组件，如果你使用firebug，正如你所说的，你可能会发现它很有用。

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

掸去我身上的灰尘选择器（Firefox附加组件）
这正是我需要的。列出已使用和未使用的CSS选择器（对于当前页面或整个站点，在爬网后），并可以将这两个列表作为CSV文本转储。太好了。

CSS使用（Firefox附加组件）

WARI-Web应用程序资源检查器（Java工具）
似乎只处理静态代码，而不像大多数使用ajax的web应用程序那样处理动态生成的HTML–不幸的是，这使得它毫无用处，至少对我来说是这样的

CSS冗余检查器（Ruby脚本，需要Rubygems和Hpricot）

TopStyle（仅限Windows应用程序，$79.95（！！））

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

相关问题：，