Alpine.js devtools

DevTools extension for debugging Alpine.js applications.

What is Alpine.js devtools?

Alpine.js devtools is a Chrome extension developed by Alpine.js devtools, and its main feature is "DevTools extension for debugging Alpine.js applications.".

Extension Screenshots

screenshot

Download Alpine.js devtools Extension CRX File

Download Alpine.js devtools 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

                        Alpine.js devtools is a Chrome extension for the Alpine.js JavaScript library. It allows you to detect, inspect and edit Alpine.js data and components in the Chrome Developer Tools.

After installing you will see a new tab in the Chrome DevTools. This Alpine.js tab displays a list of Alpine.js components that are rendered on the page. By selecting one of the components in the list, you can inspect and edit its current data in the panel to the right.                    

Extension Basic Information

Name Alpine.js devtools Alpine.js devtools
ID fopaemeedckajflibkpifppcankfmbhk
Official URL https://chromewebstore.google.com/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
Description DevTools extension for debugging Alpine.js applications.
File Size 67.78 KB
Installation Count 10,000
Current Version 1.2.0
Last Updated 2021-09-08
Publish Date 2020-04-28
Rating 4.73/5 Total 30 Ratings
Developer Alpine.js devtools
Email [email protected]
Payment Type free
Extension Website https://github.com/alpine-collective/alpinejs-devtools
Help Page URL https://github.com/alpine-collective/alpinejs-devtools/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Alpine.js devtools",
    "description": "DevTools extension for debugging Alpine.js applications.",
    "version": "1.2.0",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "browser_action": {
        "default_icon": "alpine_extension_grey.png",
        "default_title": "Alpine.js devtools",
        "default_popup": "popups\/not-found.html"
    },
    "permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "file:\/\/\/*"
    ],
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "devtools_page": "devtools-background.html",
    "web_accessible_resources": [
        "panel.html",
        "devtools-background.html",
        "backend.js"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "detector.js"
            ],
            "run_at": "document_idle"
        }
    ]
}