More than 5 years have passed since last update.


Last updated at Posted at 2016-02-22

スクレイピングなどで 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 で動作確認しました。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up