Alpine.js devtools

DevTools extension for debugging Alpine.js applications.

Hvad er Alpine.js devtools?

Alpine.js devtools er en Chrome-udvidelse udviklet af Alpine.js devtools, og dens hovedfunktion er "DevTools extension for debugging Alpine.js applications.".

Udvidelsesskærmbilleder

screenshot

Download Alpine.js devtools-udvidelses-CRX-fil

Download Alpine.js devtools-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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.

Grundlæggende oplysninger om udvidelsen

Navn Alpine.js devtools Alpine.js devtools
ID fopaemeedckajflibkpifppcankfmbhk
Officiel URL https://chromewebstore.google.com/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
Beskrivelse DevTools extension for debugging Alpine.js applications.
Filstørrelse 67.78 KB
Antal Installationer 10,000
Nuværende Version 1.2.0
Senest Opdateret 2021-09-08
Udgivelsesdato 2020-04-28
Bedømmelse 4.73/5 Samlet 30 Bedømmelser
Udvikler Alpine.js devtools
E-mail [email protected]
Betalingsmetode free
Udvidelseswebsted https://github.com/alpine-collective/alpinejs-devtools
Hjælpeside-URL https://github.com/alpine-collective/alpinejs-devtools/issues
Understøttede Sprog 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"
        }
    ]
}

Relaterede Udvidelser

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