Google chrome devtools ChromeDevTools——当您将鼠标悬停在对应的标记上时，有没有一种方法可以在DOM中显示匹配的标记？

在Firefox Inspector中，如果将鼠标悬停在DOM中的

上，相应的

也会高亮显示。太好了

如何在Chrome开发工具中执行类似操作？我似乎找不到如何找到对应的标签。我发现自己在视觉上试图寻找匹配标签的位置，或者尝试上下移动鼠标来找到它。。。似乎有更好的办法

甚至IE开发工具也显示了一条连接开始和结束标记的垂直线

---

我很难相信Chrome没有类似的方法来找到这个。有什么想法吗？

我不确定DevTools是否具有您想要的确切功能，但是：

在源面板中打开文件，双击标记以突出显示其文本，并勾勒出该文本的所有匹配实例

如果在“元素”面板中选择一个标记并按左右箭头，则可以展开/折叠所选标记的所有子项

---

当然，如果在元素面板中编辑标记，结束标记也会自动更新

这是几天前Chrome的一项新功能。。（使用垂直线样式，如IE开发工具）感谢Chrome开发人员。

这可能没有帮助，这取决于您为什么要查找

标记，但我使用左箭头键和右箭头键折叠和展开元素，以了解元素的组成部分和不组成部分。