如何在Chrome Developer Tools中使用XPath或CSS选择器搜索DOM元素？

Question

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

任何人都知道如何使用它？

Answer 1

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

ex：$x("//img")

Answer 2

只需在搜索框中输入xpath表达式即可。它在树顶构建中适用于我。

这个功能似乎在Chrome 11中被打破，但我已经提交了一个错误：http://crbug.com/79716

Answer 3

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

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

Answer 4

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