在Chrome DevTools中搜索HTML元素

Question

在这个网站上，有一个带有属性 class="item" 的 div。当我按下 F12 打开开发者工具时，我按下 Ctrl + F 并输入 class="item" ，但没有返回结果。我也尝试了 Ctrl + Shift + F 但仍然没有返回结果。这里是一张屏幕截图：即使我搜索 class=，也只能找到HTML注释中的文本。

- dayuloli

Answer 1

我使用XPath查找元素，结果可行：

//*[@class="item"]

- dayuloli

---

XPath 很难。它实际上是一种编程语言。它不适用于像“这个特定的图片无法进行懒加载，我必须通过其属性中存在的某个字符串来找到它，但我不知道确切是哪一个，因为这是我需要调试的内容”这样日常需求。 - Szczepan Hołyszewski

Answer 2

晚来的回答，但相当有把握.item会起作用。

- Amauri

Answer 3

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

我建议您使用CSS选择器：[class="item"]

- innomerphey

Answer 4

只需使用CSS选择器。这里只需要 .item。

如果您需要具有特定类名的某个元素，只需使用 div.item。

自定义属性也可以使用：a[aria-label="测试文本"]。

- KulaGGin

Answer 5

Dayuloli的修复方法很好，你也可以直接搜索"item"，但如果该元素上有多个类，则无法正常工作。

- Ben Crook

Answer 6

这似乎可能是一个错误。您可以在http://crbug.com上报告它。

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

- jaredwilli