■ 動作環境
OS: Windows 8.1（64ビット）
Chrome: 92.0.4515.159（64ビット）
■ 前準備
① Google Chromeで該当サイトを表示します。
（今回は、Googleトップサイト https://www.google.com/ でお試しします）
② キーボードのF12を押します。
ディベロッパーツールが起動されます。
■ XPathの確認
③ ディベロッパーツールの最左の検証ボタン？（どう呼ぶのか不明）を押します。
XPathを確認するコントロールの上までマウスポインターを移動すると、コントロールの背景色が自動的に変わりますので、それを頼りにコントロールを見定め、左クリックします。
④ ディベロッパーツール上では、左クリックしたコントロールのソース箇所がアクティブになりますので、この箇所にマウスポインターを移動し、右クリックします。
表示されたメニューより「Copy」→「Copy XPath」を選択することにことにより、XPath情報がクリップボードにコピーされます。
※今回の場合は、以下の文字列が取得出来ました。
/html/body/div[1]/div[3]/form/div[1]/div[1]/div[1]/div/div[2]/input
■ まとめ
確認が必要なXPathの分、③～④の手順を繰り返します。
①以降に、該当コントロール上で右クリック、表示されたメニューより「検証」を選択することで、④まで手順カットすることが可能です。
Comments