html - 用于在页面上汇总 CSS 选择器的 Firefox 扩展

Question

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

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

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

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

有线索吗？

Answer 1

这听起来像 Firebug结合 CSS Usage插件会让你得到你想要的。