chromeでxpathで指定したノードのテキストを consoleに出す事は出来ますか？

Question

何がしたいか

chromeで、xpathで指定したノードのテキストを
consoleに出す、みたいな事は出来ますか？

別にソースで該当する部分を見つけたい訳ではないです。

目的

seleniumを使う際にxpathを使って指定しています。
よくわからない時に、ブラウザで直接デバッグしたいです。

例えば下記の様なHTMLがあった時、

<a id=link href=~~>
  aa
  <span>bb</span>
</a>

これに対して

• //a[@id='link']のテキストは取得できるのか？
• 取得できるなら、それはaaなのか、aabbなのか？
• spanをclickしたらaタグをclickした事になるのか？

とか色々確認したくなるのですが、
都度検証する為にスクリプトを書くのも疲れ、
ブラウザで直接確認する良い方法があるのでは？と思い質問しました。

理想を言えば、xpathで指定した要素をclick出来たりしたら最高です。
なおこの場合もclickするのが目的ではなく、
clickする要素が正しいかの確認がしたい、という意図です。

以上、よろしくお願いします。

Answer 1

DevToolsのコンソールで $x(xpath) で可能です。返るのはノードの集合なので、テキストが欲しい場合はそれなりに加工してください。

Comments

[katosei]

まさに欲しい回答でした。
これでデバッグがはかどりそうです。
ありがとうございました。