Svelte DevTools

Browser DevTools extension for debugging Svelte applications.

Svelte DevTools là gì?

Svelte DevTools là một tiện ích mở rộng Chrome được phát triển bởi ignatiusmb, và tính năng chính của nó là "Browser DevTools extension for debugging Svelte applications.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng Svelte DevTools

Tải xuống các tệp mở rộng Svelte DevTools dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Svelte DevTools Svelte DevTools
ID kfidecgcdjjfpeckbblhmfkhmlgecoff
URL Chính Thức https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff
Mô tả Browser DevTools extension for debugging Svelte applications.
Kích Thước Tệp 61.7 KB
Số Lần Cài Đặt 5,000
Phiên Bản Hiện Tại 2.1.0
Cập Nhật Lần Cuối 2024-01-24
Ngày Phát Hành 2023-10-24
Đánh Giá 4.38/5 Tổng số 13 Đánh Giá
Nhà Phát Triển ignatiusmb
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/sveltejs/svelte-devtools
URL Trang Trợ Giúp https://github.com/sveltejs/svelte-devtools/issues
Ngôn Ngữ Được Hỗ Trợ 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"
        }
    ]
}