DOMNavigator icon

DOMNavigator

by noricha.vr

v0.1.3 Updated Nov 13, 2023 23.74KiB
CWS
25
Users
★ 0.00
0 reviews
#94973
of 207.1K
developer
#7963 of 18.1K
⚠️Not updated in over 2 years

Description

概要: `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要素を操作できます。
DOMNavigator screenshot 1

Reviews

Loading reviews...

Details

Version 0.1.3
Updated Nov 13, 2023
Size 23.74KiB
First Seen Mar 31, 2026