XPathでWebページの要素を検索する

XPathの取得

デベロッパーツールでHTMLの要素を右クリック→”Copy”→”Copy XPath”で希望の要素のXPathを取得することが出来ます。

XPathで検索

上記の方法で簡単にある要素のXPathを取得することが出来ましたが、

逆にソースコード等に含まれるXPathが本当にその要素を示しているのか、チェックするには

ChromeのデベロッパーツールでConsoleを表示して以下のスクリプトを書いてやれば確認できます。


$x("XPath");//きちんと ""で囲ってください $$x("CSS_selector");//おまけにCSSセレクターはこのスクリプトです。

合わせてこんなものもあるようですよ!

XPath Helper