首页扩展程序 DOMNavigator

DOMNavigator

提供方： noricha.vr

开发者工具 16 位用户

插件简介

右クリックでウェブページの要素のタグ、属性、値を取得し、IDが設定されている親要素までの情報をJSON形式でクリップボードにコピーするChrome拡張機能。

概要：
`DOMNavigator` は、Chrome DevTools の機能を拡張します。ユーザーがElementsパネルで選択したDOM要素の情報を表示し、コピーできるようになります。

コピーした情報を[Xpath生成アシスタント](https://chat.openai.com/g/g-aIA7TLluS-xpathsheng-cheng-asisutanto)に貼り付けると、選択した要素のXPathの候補が生成されます。


使い方：

1. 任意のウェブページを開き、DevToolsを起動します（F12キーまたはCtrl+Shift+I、MacではCmd+Option+I）。
2. `Elements`パネルにて、調べたいDOM要素を選択します。
3. サイドバーから `DOMNavigator` を選択します。
4. `DOMNavigator` にDOMのリストが作成されます。
5. リストの一番上のオブジェクトを選択して、右クリックメニューから`CopyObject`ボタンをクリックすると、JSON形式の要素情報がクリップボードにコピーされます。
6. [XPath生成アシスタント](https://chat.openai.com/g/g-aIA7TLluS-xpathsheng-cheng-asisutanto)に貼り付けて送信すると、XPathの候補が生成されます。
7. 生成されたXPathを使って、Seleniumなどの自動テストツールでDOM要素を操作できます。