⚠️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要素を操作できます。
Reviews
Loading reviews...
Details
| Version | 0.1.3 |
| Updated | Nov 13, 2023 |
| Size | 23.74KiB |
| First Seen | Mar 31, 2026 |
More by noricha.vr
Popular in developer
GoFullPage - Full Page Screen Capture
by GoFullPage
10M
★ 4.89
developer
10M
★ 4.89
developer
TouchEn PC보안 확장
by 라온시큐어
8M
★ 1.33
developer
8M
★ 1.33
developer
React Developer Tools
by Meta
5M
★ 3.95
developer
5M
★ 3.95
developer
Meta Pixel Helper
by Meta
4M
★ 3.91
developer
4M
★ 3.91
developer
ColorZilla
by colorzilla.com
4M
★ 4.59
developer
4M
★ 4.59
developer
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
331M
★ 4.40
workflow
331M
★ 4.40
workflow
AdBlock — block ads across the web
by AdBlock
63M
★ 4.48
workflow
63M
★ 4.48
workflow
迅雷下载支持
by Shenzhen Xunlei Network Technology Co., Ltd.
59M
★ 2.77
workflow
59M
★ 2.77
workflow
Grammarly: AI Writing Assistant and Grammar Checker App
by Grammarly
42M
★ 4.50
communication
42M
★ 4.50
communication
Adblock Plus - free ad blocker
by eyeo GmbH
41M
★ 4.39
workflow
41M
★ 4.39
workflow