Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google chrome devtools 如何在元素面板中搜索DOM元素&;在Chrome开发工具的网页中突出显示它?_Google Chrome Devtools - Fatal编程技术网

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

Google chrome devtools 如何在元素面板中搜索DOM元素&;在Chrome开发工具的网页中突出显示它?,google-chrome-devtools,Google Chrome Devtools,我正在使用最新的Chrome&Canary。如果我在dev tools抽屉中的搜索框中搜索DOM元素并双击结果,Chrome将切换到Sources面板,并且我无法从那里高亮显示浏览器中的元素。如何突出显示“源”面板中的元素,或者如何在“元素”面板中进行搜索 更新: 在Chrome中突出显示实际网页中呈现的元素。我不是说在开发工具中突出显示任何地方。您可以使用开发工具中的放大镜,将其指向网页中的任何渲染元素,它可以突出显示代码,可能是我没有理解您的问题 我不确定我是否完全理解了您的问题,但我认为您

我正在使用最新的Chrome&Canary。如果我在dev tools抽屉中的搜索框中搜索DOM元素并双击结果,Chrome将切换到Sources面板,并且我无法从那里高亮显示浏览器中的元素。如何突出显示“源”面板中的元素,或者如何在“元素”面板中进行搜索

更新:

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

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


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


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

在“图元”面板中按住Ctrl-F键。这很简单。

我想键入一个搜索词,在“元素”面板中找到它,在“元素”面板中单击它,它就会在浏览器的页面中突出显示。就像单击“元素”面板中的任何元素一样,页面中相应的元素也会高亮显示。我根本不想使用“源代码”面板,因为它会在行中显示html。我不能点击那里,它会在网页上突出显示。请阅读我对乔治的评论。我已经说过你在我的问题中说的话了。我知道如何使用搜索。