尽管进行了广泛的 Google 搜索，但我还是找不到我要找的东西，所以我希望有经验的 SO 用户能得到答案。
我正在寻找一个 Firefox 或 Chrome 插件，可以自动显示元素的 id 属性值元素。例如:
想法是能够快速了解页面中使用了哪些 id 属性以及在何处使用，而不必使用 Firebug 或 Firefox 等工具手动检查整个页面/Chrome 的 DOM 检查器(只允许您一个一个地查看元素，而不是全貌)。
有人知道可以做到这一点的 Firefox/Chrome 插件吗？
最佳答案
Firefox/Chrome 的“Web Developer”扩展包含此功能。可以通过单击“信息 -> 显示 anchor ”来切换该选项。
- https://addons.mozilla.org/en-US/firefox/addon/web-developer/
- https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
在火狐中
在 Chrome 中
结果
除了安装额外的扩展之外，您还可以在控制台中输入 $$('[id]')，这会生成一个包含具有“id”属性的所有元素的列表。
关于google-chrome-extension - 浏览器插件/扩展/插件一次查看所有元素的 id，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17341069/