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

文档说它支持XPath或CSS选择器，但当我尝试时，似乎对我不起作用

---

有人知道如何使用它吗？

只需在搜索框中键入xpath表达式就可以了。这对我来说在树的顶端构建很有效

---

Chrome 11的这一功能似乎已被破坏，但我在这方面提出了一个错误：

您可以在Chrome javascript控制台中使用

$x

。不需要扩展

---

例如：

$x（“//img”）

对于xpath搜索，使用

$x（'xpathSelector'）

。 对于css选择器，请使用

$（'cssSelector'）

---

但是，最后一个选择器仅返回第一个匹配元素。如果您想看到所有匹配的元素都指向

$$（'cssSelector'）

，您是对的。它正在工作，但突出显示功能已损坏。我使用的是MacOSX上的Chrome10.0.*。下面是马克·波利托的更好答案。它与Chrome32配合使用。转到devtool的“元素”选项卡，按CTRL+S并搜索xpath@eeezyy你是说ctrl+f？这是一个很有帮助的答案。另外，$x函数接受第二个可选参数context$x（xpath，context）例如，这允许您选择特定的iframe内容，并对其运行xpath查询。因此，对于第一个iframe:myframe=document.getElementsByTagName（“iframe”）[0].contentWindow.document.body#为表单元格使用xpath查询iframe:$x（“//td”，myframe）；要找到带有CSS选择器的元素，应该使用$$控制台功能，例如$$（'body'）在这里可以找到更多命令：在将近2年后回到这个问题，是的，这个更好。非常适合调试XPath！顺便说一下，

$x（）

函数也可以在Safari命令行API中使用。