DOM Outliner

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

What is DOM Outliner?

DOM Outliner is a Chrome extension developed by noeclement, and its main feature is "Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.".

Extension Screenshots

screenshot
screenshot

Download DOM Outliner Extension CRX File

Download DOM Outliner extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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.                    

Extension Basic Information

Name DOM Outliner DOM Outliner
ID bagbmhiblmhlllddcpdalmdohgaknibd
Official URL https://chromewebstore.google.com/detail/dom-outliner/bagbmhiblmhlllddcpdalmdohgaknibd
Description Outline elements within a webpage. Activate the extension and watch as DOM elements are highlighted with different colors.
File Size 5.2 KB
Installation Count 171
Current Version 1.0
Last Updated 2023-01-26
Publish Date 2023-01-01
Developer noeclement
Email [email protected]
Payment Type free
Supported Languages 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"
    ]
}