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

时间:2015-06-09 07:26:35

标签: google-chrome-devtools

我正在使用最新的Chrome&金丝雀。如果我在开发工具的抽屉中搜索框中搜索DOM元素并双击结果,Chrome会切换到“源”面板,我无法从那里突出显示浏览器中的元素。如何突出显示“来源”面板中的元素,或者如何在“元素”面板中进行搜索?

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

3 个答案:

答案 0 :(得分:0)

“元素”面板中的Ctrl-F。那很简单。

答案 1 :(得分:-1)

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

enter image description here

答案 2 :(得分:-1)

我不确定我是否完全理解您的问题,但我认为您可以突出显示主页中的任何位置,右键单击它并选择“检查元素”它将打开开发工具,它将突出显示那边的元素。 现在关于drower,您只需搜索要过滤的元素,并显示包含页面上所有元素的列表。如果你点击每一个,它会在Sources面板中突出显示它(所以这就是你想要的第一个我认为)。

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