Alpine.js devtools Firefox

Examine source code of Alpine.js devtools

提供元: Hugo
Inspect and view changes in Alpine.js devtools source codes across current and past versions
Please login to examine the extension's source code.
manifest.json
{
  "name": "Alpine.js devtools",
  "description": "DevTools extension for debugging Alpine.js applications.",
  "version": "2.7.4",
  "manifest_version": 3,
  "icons": {
    "16": "icons/16.png",
    "48": "icons/48.png",
    "128": "icons/128.png"
  },
  "permissions": [
    "scripting",
    "storage"
  ],
  "background": {
    "type": "module",
    "scripts": [
      "background.js"
    ]
  },
  "devtools_page": "devtools-background.html",
  "web_accessible_resources": [
    {
      "resources": [
        "index.html",
        "devtools-background.html",
        "backend.js",
        "detector.js"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ],
  "content_security_policy": {
    "extension_pages": "script-src 'self'; object-src"
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "content.js"
      ],
      "run_at": "document_start"
    }
  ],
  "action": {
    "default_icon": "alpine_extension_grey.png",
    "default_title": "Alpine.js devtools",
    "default_popup": "popups/not-found.html"
  },
  "host_permissions": [
    "http://*/*",
    "https://*/*",
    "file:///*"
  ],
  "browser_specific_settings": {
    "gecko": {
      "id": "{9abd6c79-c126-42cc-bacc-658d531864f1}",
      "strict_min_version": "112.0"
    }
  }
}

ベストのAlpine.js devtools代替案

Alpine.js devtoolsに類似したFirefox add-onをいくつか紹介します: