Merlin
DOM X-Ray

DOM X-Ray

See through the DOM to visually debug CSS positioning.

Merlin
Upgrade to view and diff full source code
Additional files are visible only to premium users

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": [
    "<all_urls>"
  ],
  "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"
  }
}