DOMNavigator: DOM要素情報をコピーするためのChrome拡張機能
DOMNavigatorは、noricha.vrによって開発されたChrome拡張機能です。これにより、Chrome DevToolsの機能が拡張され、ユーザーは選択したDOM要素に関する情報を表示およびコピーすることができます。
ウェブページの要素を右クリックすることで、要素のタグ、属性、値、および割り当てられたIDを持つ親要素に関する情報を取得できます。この情報は、JSON形式でクリップボードにコピーすることができます。
コピーした情報をXPath Generation Assistantに貼り付けると、選択した要素のXPath候補を生成することができます。
DOMNavigatorの使用方法：
1. 任意のウェブページを開き、DevToolsを起動します（F12を押すか、Ctrl+Shift+Iを押します。Macの場合はCmd+Option+Iを使用します）。
2. Elementsパネルで調査したいDOM要素を選択します。
3. サイドバーからDOMNavigatorを選択します。
4. DOMNavigatorはDOMオブジェクトのリストを作成します。
5. リストの先頭のオブジェクトを選択し、右クリックします。コンテキストメニューの「CopyObject」ボタンをクリックして、要素の情報をJSON形式でクリップボードにコピーします。
6. コピーした情報をXPath Generation Assistantに貼り付けて送信し、XPath候補を生成します。
7. 生成されたXPathを使用して、Seleniumなどの自動テストツールでDOM要素を操作します。
DOMNavigatorは、BrowsersカテゴリとAdd-ons & Toolsのサブカテゴリに属する無料のChrome拡張機能です。
