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

Question

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

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

Answer 1

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

例如：$x("//img")

Answer 2

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

尽管该功能似乎在Chrome 11中已损坏，但我已对此提交了一个错误：http://crbug.com/79716

Answer 3

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

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