Chrome开发工具 - 当您将鼠标悬停在对应标签上时，有没有办法在DOM中显示匹配标记？

Question

在Firefox Inspector中，如果将鼠标悬停在DOM中的<div>上，相应的</div>也会突出显示。太好了！

你如何在Chrome Dev工具中做类似的事情？我似乎无法找到如何找到对应的标签。我发现自己在视觉上试图看到匹配标签的位置，或者尝试上下移动我的鼠标以找到它...似乎有更好的方法。

即使IE开发工具也显示连接开始和结束标签的垂直线。

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

Answer 1

这只是几天前在Chrome中自动显示为一项新功能..（采用垂直线条样式，如IE开发工具）感谢Chrome开发者。

Answer 2

我不确定DevTools是否具有您正在寻找的确切功能，但是：

在来源面板中打开您的文件，双击标签以突出显示其文本，并概述该文本的所有匹配实例。

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

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