Alpine.js devtools

DevTools extension for debugging Alpine.js applications.

什么是Alpine.js devtools?

Alpine.js devtools是由Alpine.js devtools开发的Chrome扩展程序,该扩展的主要功能是“DevTools extension for debugging Alpine.js applications.”。

扩展截图

screenshot

下载Alpine.js devtools扩展crx文件

下载Alpine.js devtools扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        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.                    

扩展基本信息

名称 Alpine.js devtools Alpine.js devtools
ID fopaemeedckajflibkpifppcankfmbhk
官方URL https://chromewebstore.google.com/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
简介 DevTools extension for debugging Alpine.js applications.
文件大小 67.78 KB
安装次数 10,000
当前版本 1.2.0
更新时间 2021-09-08
上架时间 2020-04-28
评分 4.73/5 共30次评分
开发者 Alpine.js devtools
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/alpine-collective/alpinejs-devtools
帮助页面URL https://github.com/alpine-collective/alpinejs-devtools/issues
支持的语言 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"
        }
    ]
}