Google chrome extension 浏览器插件/扩展/插件，一次查看所有元素的id

尽管进行了大量的谷歌搜索，但我仍然无法找到我要找的东西，所以我希望有经验的用户能够找到答案

我正在寻找一个

Firefox

或

Chrome

插件，它可以在实际元素顶部的覆盖层中自动显示元素的

id

属性值。例如：

这样做的目的是能够快速了解页面中使用了哪些

id

属性以及这些属性的位置，而不必使用Firebug或Firefox/Chrome的DOM Inspector等工具手动浏览整个页面（这些工具只允许您逐个查看元素，而没有完整的图片）

有人知道一个

Firefox

/

Chrome

插件可以做到这一点吗？

Firefox/Chrome的“Web开发者”扩展包括此功能。该选项可以通过单击“信息->显示锚定”进行切换

在Firefox中

含铬

结果

---

您也可以在控制台中输入

$$（'[id]'）

，而不是安装额外的扩展，这将生成一个带有“id”属性的所有元素的列表。

太棒了，我错过了它，这让我很难过。还有，非常好的控制台技巧。不久前，我还为此发布了一个专门的扩展。与Web Developer扩展相比，它的主要优势在于页面的布局不会改变，请参见：@RobW我尝试了您的扩展，但布局完全中断。当然，我是用一个网络应用程序而不是一些主要包含网络内容的网站来尝试的。@Ashnur My extension=我的评论或回答中链接的那个？我的评论中的那个应该不会改变布局，所以如果你发现一个bug，我很乐意尝试修复它并发布一个更新。@RobW你评论中的那个。稍后我将返回一个示例。