如何在元素面板中搜索 DOM 元素并在 Chrome 开发工具的网页中突出显示它？

Question

我使用的是最新的 Chrome & Canary。如果我在开发工具抽屉的搜索框中搜索 DOM 元素并双击结果，Chrome 切换到“源”面板并且我无法在浏览器中突出显示该元素那里。如何突出显示“源”面板中的元素或如何在“元素”面板中进行搜索？

更新：
在 Chrome 中突出显示实际网页中呈现的元素。我不是在谈论在开发工具中的任何地方突出显示。

Answer 1

您可以使用开发工具中的放大镜并将其指向网页中的任何渲染元素，它可以突出显示代码可能是我没有正确回答您的问题

Answer 2

我不确定我是否完全理解您的问题，但我认为您可以突出显示主页中的任何位置，然后右键单击它 select 'inspect element' 它将打开开发工具，它将突出显示那里的元素。 现在关于 drower，您只需搜索要过滤的元素，页面上就会出现一个包含所有元素的列表。如果你点击每一个，它会在源面板中突出显示它（所以我认为这就是你首先想要的）。

在我看来，通过抽屉搜索元素更容易，因为它会为您过滤所有结果。

Answer 3

元素面板中的 Ctrl-F。就这么简单。