DOMNavigator のアイテムロゴ画像

DOMNavigator

拡張機能デベロッパー ツール20 ユーザー
DOMNavigator のアイテム メディア 1 のスクリーンショット

概要

右クリックでウェブページの要素のタグ、属性、値を取得し、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要素を操作できます。

5 点満点で 0評価なし

結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    0.1.3
  • 更新:
    2023年11月13日
  • 提供元
    noricha.vr
  • サイズ
    23.74KiB
  • 言語
    日本語
  • デベロッパー
    メール
    noricha.vr@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

拡張機能を管理し、組織での使用状況を確認できます

DOMNavigator から、お客様のデータの収集と使用に関する以下の情報が開示されています。 詳しくは、デベロッパーの privacy policy をご確認ください。

DOMNavigator は次を扱います。

ウェブサイトのコンテンツ

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

関連アイテム

Tab Exporter pro

5.0

Export and import Chrome tabs across windows

Typingmind in Sidepanel

0.0

Use Typingmind in Chrome's sidepanel. Easy and convenient.

Lovable Chat Exporter

5.0

Export your Lovable chat history as Markdown, HTML, or JSON.

Copy All Urls (Manifest Update Fork)

0.0

Copy tabs URL to clipboard (formats : text, HTML, JSON or custom). Paste to open multiple URL at one go.

RawLens

0.0

Pretty-print messy JSON from selections, page elements, clipboard content, and raw pages in Chrome.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

Copy Tabs Title URL

0.0

Copy the title and URL from a Chrome tabs

Straico Assistant

4.6

A Chrome extension side panel to interact with Straico and multiple AI providers.

JSONGrid Web Inspector

3.0

A Chrome extension for inspecting JSON data with JSONGrid, a tabular JSON view.

Web to MCP: Import any website components to Cursor or Claude Code

3.7

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

Link Grabber & Dashboard

5.0

Drag a rectangle over any webpage area to capture all hyperlinks into a side panel dashboard. Copy and manage them easily.

Copy hyperlink as Edge does

2.8

Copy hyperlink as Edge does, just press Ctrl-C/Cmd-C in the web page. Shortcut is configurable.

Tab Exporter pro

5.0

Export and import Chrome tabs across windows

Typingmind in Sidepanel

0.0

Use Typingmind in Chrome's sidepanel. Easy and convenient.

Lovable Chat Exporter

5.0

Export your Lovable chat history as Markdown, HTML, or JSON.

Copy All Urls (Manifest Update Fork)

0.0

Copy tabs URL to clipboard (formats : text, HTML, JSON or custom). Paste to open multiple URL at one go.

RawLens

0.0

Pretty-print messy JSON from selections, page elements, clipboard content, and raw pages in Chrome.

Quick Copy DOM

5.0

Visually select any element on the page and instantly copy its HTML to clipboard. Like DevTools element inspector, but faster.

Copy Tabs Title URL

0.0

Copy the title and URL from a Chrome tabs

Straico Assistant

4.6

A Chrome extension side panel to interact with Straico and multiple AI providers.

Google アプリ