在 Chrome DevTools 中搜索 HTML 元素

Posted 2023-02-15

【中文标题】在 Chrome DevTools 中搜索 HTML 元素

【英文标题】：Searching for HTML elements in Chrome DevTools

【发布时间】：2014-04-25 05:51:45

【问题描述】：

在这个网站上，有一个div，其属性为class="item"。当我单击 F12 以调出开发者工具时。我按下 Ctrl + F 并输入class="item" 并没有返回任何结果。我也试过 Ctrl + Shift + F 但没有返回。截图如下：

即使我搜索class=，也只能找到 html cmets 中的文本。 Thanks in advance for any help you are able to provide.

【参考方案1】：

我改为搜索元素的 XPath 并且它有效：

//*[@class="item"]

【参考方案2】：

迟到的答案，但很确定 .item 会起作用。

【参考方案3】：

搜索栏仅支持字符串、CSS 选择器或 XPath 选择器。

我推荐你使用 CSS 选择器：[class="item"]

【参考方案4】：

这似乎是一个错误。您可以通过http://crbug.com举报。

如果您要搜索“item”，您应该能够找到带有类 item 的元素。

【参考方案5】：

Dayuloli 的修复方法很好，您也可以只搜索 "item"，尽管如果该元素上有多个类，这将不起作用。