Svelte DevTools

Browser DevTools extension for debugging Svelte applications.

Was ist Svelte DevTools?

Svelte DevTools ist eine Chrome-Erweiterung, die von ignatiusmb entwickelt wurde, und ihr Hauptmerkmal ist "Browser DevTools extension for debugging Svelte applications.".

Erweiterungsscreenshots

screenshot

Svelte DevTools-Erweiterungs-CRX-Datei herunterladen

Laden Sie Svelte DevTools-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Check out the changelog at https://github.com/sveltejs/svelte-devtools/releases

---

Svelte DevTools is a Chrome DevTools extension for the open-source Svelte JavaScript framework. It allows you to gain deep insights and inspect the Svelte component hierarchies in the Chrome Developer Tools panel itself. After installing, you will get a new tab in your Chrome DevTools titled "Svelte". The DevTools panel will only work on sites with `dev` mode enabled, which should work out-of-the-box when you're running your Svelte app locally.

Key Features:

- Zero-configuration: Run your application in development mode and have everything working
- Real-time Component Tree: Svelte component hierarchy visualization in real-time, deeper understanding of your application structure and identify relationships between components easily
- Interactive State Inspection: Modify and experiment with component states effortlessly in one place, and easily see events and other state
- Dark Mode Support: Enjoy the sleek and user-friendly interface in both light and dark modes
- Open Source and Community-Driven: This extension is open source and actively maintained by the Svelte community

This extension requires permissions to access the tab's content, data will be processed locally in your browser and cleared after each session.                    

Grundlegende Informationen zur Erweiterung

Name Svelte DevTools Svelte DevTools
ID kfidecgcdjjfpeckbblhmfkhmlgecoff
Offizielle URL https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
Beschreibung Browser DevTools extension for debugging Svelte applications.
Dateigröße 61.7 KB
Installationsanzahl 5,000
Aktuelle Version 2.1.0
Letztes Update 2024-01-24
Veröffentlichungsdatum 2023-10-24
Bewertung 4.38/5 Insgesamt 13 Bewertungen
Entwickler ignatiusmb
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/sveltejs/svelte-devtools
Hilfeseite URL https://github.com/sveltejs/svelte-devtools/issues
Unterstützte Sprachen en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Svelte DevTools",
    "version": "2.1.0",
    "description": "Browser DevTools extension for debugging Svelte applications.",
    "icons": {
        "16": "icons\/default-16.png",
        "24": "icons\/default-24.png",
        "48": "icons\/default-48.png",
        "96": "icons\/default-96.png",
        "128": "icons\/default-128.png"
    },
    "action": {
        "default_icon": {
            "16": "icons\/disabled-16.png",
            "24": "icons\/disabled-24.png",
            "48": "icons\/disabled-48.png",
            "96": "icons\/disabled-96.png",
            "128": "icons\/disabled-128.png"
        }
    },
    "background": {
        "service_worker": "background.js"
    },
    "devtools_page": "register.html",
    "host_permissions": [
        "*:\/\/*\/*"
    ],
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "web_accessible_resources": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "resources": [
                "courier.js"
            ]
        },
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "resources": [
                "sensor.js"
            ],
            "world": "MAIN"
        }
    ]
}