Chrome, Firefox, Edge で xpath の取得


Seleniumでよく使うxpathの取得・検証

現状は chrome が一番便利かなーという感じでしょうか

Chrome

  1. F12 を押してデベロッパーツールを開く
  2. Ctrl + f で検索枠を開く
  3. xpath を直接入力
  4. 取得できると Element の箇所がハイライトされる

コンソールから $x('//input') で xpath を指定してもできますが
箇所がハイライトされた方が分かりやすいです

Firefox

  1. F12 を押して開発者ツールを開く
  2. インスペクタで対象箇所を右クリック、コピー -> xpath でXPATHがコピーできる
  3. Esc を押してコンソールペインを開く
  4. $x('//xpath') で内容が取得できる

Edge

ドキュメントではコンソールに $x('//xpath') で取得できるとあるが
実行すると そんな関数は undefined だと怒られるので、現状できないようです (Windows10 1709)

Edge Documentation-DevTools-Console:Command Line