Edited at

ChromeでXPathを取る・検証する

スクレイピングなどで HTML の XPath が必要になることがありますが、Chrome で簡単に取れる・検証する方法があります。


XPath を取る


  • Chrome 上で、XPath を取りたい要素を右クリック、「検証」を選ぶ

  • デベロッパーツール上で該当要素を右クリック、「Copy→Copy XPath」を選ぶ

これでクリップボードに XPath が入ります。


XPath を検証する


  • Chrome で対象のサイトを開く

  • デベロッパーツールからコンソールを開く


  • $x('//div/p/span[@class="hoge"]') などとして XPath を指定し、実行する

これで XPath に対応する要素が取れます。

2018/12/25 追記: Chrome 71 で動作確認しました。