Svelte DevTools

Browser DevTools extension for debugging Svelte applications.

Qu'est-ce que Svelte DevTools ?

Svelte DevTools est une extension Chrome développée par ignatiusmb, et sa fonction principale est "Browser DevTools extension for debugging Svelte applications.".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Svelte DevTools

Téléchargez les fichiers d'extension Svelte DevTools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Svelte DevTools Svelte DevTools
ID kfidecgcdjjfpeckbblhmfkhmlgecoff
URL Officiel https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
Description Browser DevTools extension for debugging Svelte applications.
Taille du Fichier 61.7 KB
Nombre d'Installations 5,000
Version Actuelle 2.1.0
Dernière Mise à Jour 2024-01-24
Date de Publication 2023-10-24
Évaluation 4.38/5 Total 13 Évaluations
Développeur ignatiusmb
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/sveltejs/svelte-devtools
URL de la Page d'Aide https://github.com/sveltejs/svelte-devtools/issues
Langues Prises en Charge 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"
        }
    ]
}