在 Chrome DevTools 中搜索 HTML 元素

Question

在此网站上，有一个

div

，其属性为

class="item"

。当我单击 F12 调出开发人员工具时。我按 Ctrl + F 并输入

class="item"

，但没有返回任何结果。我也尝试过 Ctrl + Shift + F 但没有返回。这是截图：

即使我搜索

class=

，也只能找到 HTML 注释中的文本。

Answer 1

我改为搜索元素的 XPath，它起作用了：

//*[@class="item"]

Answer 2

迟到的答案，但很确定

.item

会起作用。

Answer 3

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

我建议您使用 CSS 选择器：

[class="item"]

Answer 4

只需使用 CSS 选择器。只需

.item

就可以在这里工作。

如果您需要具有特定类名的特定元素，只需执行

div.item

即可。

自定义属性也有效：

a[aria-label="Test Text"]

。

Answer 5

Dayuloli 的修复是一个很好的解决方案，您也可以只搜索

"item"

，尽管如果该元素上有多个类，这将不起作用。

Answer 6

这看起来可能是一个错误。您可以在 http://crbug.com 上举报。

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