Alpine.js devtools

DevTools extension for debugging Alpine.js applications.

O que é Alpine.js devtools?

Alpine.js devtools é uma extensão do Chrome desenvolvida por Alpine.js devtools, e sua principal característica é "DevTools extension for debugging Alpine.js applications.".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão Alpine.js devtools

Baixe arquivos de extensão Alpine.js devtools no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.

Informações Básicas da Extensão

Nome Alpine.js devtools Alpine.js devtools
ID fopaemeedckajflibkpifppcankfmbhk
URL Oficial https://chromewebstore.google.com/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
Descrição DevTools extension for debugging Alpine.js applications.
Tamanho do Arquivo 67.78 KB
Contagem de Instalações 10,000
Versão Atual 1.2.0
Última Atualização 2021-09-08
Data de Publicação 2020-04-28
Classificação 4.73/5 Total de 30 Avaliações
Desenvolvedor Alpine.js devtools
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/alpine-collective/alpinejs-devtools
URL da Página de Ajuda https://github.com/alpine-collective/alpinejs-devtools/issues
Idiomas Suportados 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"
        }
    ]
}

Extensões Relacionadas

Solid Devtools
Solid Devtools
Redux DevTools
Redux DevTools
Livewire devtools
Livewire devtools
ng-inspect for AngularJS
ng-inspect for AngularJS