DOM Outliner

Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.

DOM Outlinerとは何ですか?

DOM Outlinerはnoeclementによって開発されたChromeの拡張機能で、その主な機能は「Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.」です。

拡張機能のスクリーンショット

screenshot
screenshot

DOM Outliner拡張機能のCRXファイルをダウンロード

DOM Outliner拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Acting as an X-ray for your page, this extension allows you to visually outline and distinguish different elements within a webpage's Document Object Model (DOM). With this extension, you can easily identify and analyze the structure of a webpage, making it easier to debug and optimize your web projects.

Simply activate the extension and watch as the DOM elements are highlighted with different colors, allowing you to quickly and easily identify and differentiate between them.                    

拡張機能の基本情報

名前 DOM Outliner DOM Outliner
ID bagbmhiblmhlllddcpdalmdohgaknibd
公式URL https://chromewebstore.google.com/detail/dom-outliner/bagbmhiblmhlllddcpdalmdohgaknibd
説明 Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
ファイルサイズ 5.2 KB
インストール数 171
現在のバージョン 1.0
最終更新日 2023-01-26
公開日 2023-01-01
開発者 noeclement
Eメール [email protected]
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "DOM Outliner",
    "description": "Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.",
    "version": "1.0",
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_title": "Outline DOM elements of current page"
    },
    "icons": {
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "permissions": [
        "activeTab",
        "scripting"
    ]
}