dom - 如何在 Chrome 开发者工具中使用 XPath 或 CSS 选择器搜索 DOM 元素？

Question

文档http://code.google.com/chrome/devtools/docs/elements.html说它支持 XPath 或 CSS 选择器，但是当我尝试时，它似乎对我不起作用。

有谁知道如何使用它？

score 275 · Accepted Answer

275

您可以$x在 Chrome javascript 控制台中使用。无需扩展。

前任：$x("//img")

于 2011-08-29T20:49:09.993 回答

score 15 · Accepted Answer

只需在搜索框中输入 xpath 表达式即可。它在树尖构建中对我有用。

不过，该功能似乎在 Chrome 11 中被破坏了，我对此提出了一个错误：http ://crbug.com/79716

score 5 · Accepted Answer

对于 xpath 搜索，请使用$x('xpathSelector'). 对于 CSS 选择器，请使用$('cssSelector').

但是，最后一个选择器只返回第一个匹配元素。如果您想查看所有匹配的元素，请选择$$('cssSelector')

score 0 · Accepted Answer

如果您单击元素窗格中的任何元素，然后键入 command-F，它将打开一个搜索栏，让您可以使用 xpath 选择器搜索元素。

4 回答 4