DOM X-Ray

See through the DOM to visually debug CSS positioning.

What is DOM X-Ray?

DOM X-Ray is a Chrome extension developed by https://nick-vincent.com, and its main feature is "See through the DOM to visually debug CSS positioning.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download DOM X-Ray Extension CRX File

Download DOM X-Ray 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

                        Toggle DOM X-Ray to trigger CSS styles that outline and illuminate DOM element structure.                    

Extension Basic Information

Name DOM X-Ray DOM X-Ray
ID olfkgegmjhgehnakignkabhbdchkhnkj
Official URL https://chromewebstore.google.com/detail/dom-x-ray/olfkgegmjhgehnakignkabhbdchkhnkj
Description See through the DOM to visually debug CSS positioning.
File Size 57.82 KB
Installation Count 1,304
Current Version 1.0.0
Last Updated 2023-02-09
Publish Date 2019-04-06
Rating 5.00/5 Total 1 Ratings
Developer https://nick-vincent.com
Email [email protected]
Payment Type free
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "version": "1.0.0",
    "name": "DOM X-Ray",
    "description": "See through the DOM to visually debug CSS positioning.",
    "permissions": [
        "scripting",
        "storage",
        "webNavigation"
    ],
    "host_permissions": [
        ""
    ],
    "background": {
        "service_worker": "js\/background.js",
        "type": "module"
    },
    "options_page": "options.html",
    "action": {
        "default_icon": {
            "16": "img\/icon-off.png"
        }
    },
    "icons": {
        "16": "img\/icon-16.png",
        "48": "img\/icon-48.png",
        "128": "img\/icon-128.png"
    }
}