Firefox 扩展以总结页面上的 CSS 选择器

Question

我已经在 Google 上搜索了这 9 种方式到星期天，但似乎找不到任何适合我需要的东西...我正在寻找 Firefox 扩展（和/或 Eclipse 插件）这与 SitePoint 的方便 Dust-Me Selectors 所做的“相反”。简而言之，我希望能够转到一个页面并获取 HTML 标记中指定的所有类和 id 属性值的摘要。 Dust-Me 更加以样式表为中心，因为它将使用和未使用的 STYLESHEET 选择器与页面上显示的内容进行比较。我需要找到页面中指定的类和 ID，但没有相应的样式表选择器，或者根本没有样式表。

古老的 Firefox 扩展 Web Developer 正是这样做的，除了它覆盖在呈现的页面上，这不是我所需要的。我想要更类似于 Dust-Me 的输出；即一个汇总列表。

当然，我可以使用命令行 grep 执行此操作...但我不能，因为我正在处理 JSF，并且我想查看浏览器中呈现的输出是什么。

另一个参考是PrimerCSS。它确实“有点”我想要的，但我正在寻找一个更即时的 Firefox 解决方案；再一次，一个列表——不是一个模板。 PrimerCSS 让您将标记复制/粘贴到网站上的表单中，然后提供一个裸 CSS 样式表。有用，但没用。

有什么线索吗？

Answer 1

在我看来，Firebug 与 CSS Usage 插件相结合可以得到你想要的。