dom - ChromeデベロッパーツールでXPathまたはCSSセレクターを使用してDOM要素を検索するにはどうすればよいですか？

Question

ドキュメントhttp://code.google.com/chrome/devtools/docs/elements.htmlには、XPathまたはCSSセレクターがサポートされていると書かれていますが、試したところ、うまくいかなかったようです。

誰もがそれを使用する方法を知っていますか？

Answer 1

$xChromejavascriptコンソールで使用できます。拡張機能は必要ありません。

元：$x("//img")

Answer 2

検索ボックスにxpath式を入力するだけで機能するはずです。これは、ツリーの先端のビルドで機能します。

この機能はChrome11で壊れているようですが、私はこれにバグを報告しました：http: //crbug.com/79716

Answer 3

xpath検索には、を使用します$x('xpathSelector')。cssセレクターには、を使用します$('cssSelector')。

ただし、この最後のセレクターは、最初に一致する要素のみを返します。一致するすべての要素を確認したい場合は、$$('cssSelector')

Answer 4

要素ペインで任意の要素をクリックしてからcommand-Fと入力すると、検索バーが開き、xpathセレクターを使用して要素を検索できます。