Svelte DevTools

Browser DevTools extension for debugging Svelte applications.

什么是Svelte DevTools?

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

扩展截图

screenshot

下载Svelte DevTools扩展crx文件

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

扩展使用说明

                        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.                    

扩展基本信息

名称 Svelte DevTools Svelte DevTools
ID kfidecgcdjjfpeckbblhmfkhmlgecoff
官方URL https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
简介 Browser DevTools extension for debugging Svelte applications.
文件大小 61.7 KB
安装次数 5,000
当前版本 2.1.0
更新时间 2024-01-24
上架时间 2023-10-24
评分 4.38/5 共13次评分
开发者 ignatiusmb
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/sveltejs/svelte-devtools
帮助页面URL https://github.com/sveltejs/svelte-devtools/issues
支持的语言 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"
        }
    ]
}