Svelte DevTools+

Adds Svelte debugging tools to the Chrome Developer Tools

Svelte DevTools+ là gì?

Svelte DevTools+ là một tiện ích mở rộng Chrome được phát triển bởi sveltedevtools, và tính năng chính của nó là "Adds Svelte debugging tools to the Chrome Developer Tools".

Ả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

                        Svelte DevTools+ allows developers to inspect the component hierarchy of a Svelte application, making it easier to understand the application's structure

Svelte DevTools+ allows developers to see the real-time changes in a component's state and props, immediately reflecting updates in the DevTool and allowing for simple tracking of the application's behavior

When selecting a component in the component tree, developers can inspect the component's props, state, and context to aid in understanding the data and values that are passed to each component

Developers can modify the state and props of a selected component directly from the DevTools window for testing and debugging purposes, making it easy to experiment with different scenarios without modifying your code

Svelte DevTools+ provides a time-travel debugging feature that enables developers to inspect the application's state at different points in time and analyze how the state of the application changes

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

Tên Svelte DevTools+ Svelte DevTools+
ID bgelkjgjabbfoeiicgoddeadicoofcfk
URL Chính Thức https://chromewebstore.google.com/detail/svelte-devtools+/bgelkjgjabbfoeiicgoddeadicoofcfk
Mô tả Adds Svelte debugging tools to the Chrome Developer Tools
Kích Thước Tệp 267 KB
Số Lần Cài Đặt 1,394
Phiên Bản Hiện Tại 1.1.1
Cập Nhật Lần Cuối 2023-12-12
Ngày Phát Hành 2023-08-13
Đánh Giá 4.00/5 Tổng số 5 Đánh Giá
Nhà Phát Triển sveltedevtools
Email [email protected]
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "description": "Adds Svelte debugging tools to the Chrome Developer Tools",
    "version": "1.1.1",
    "manifest_version": 3,
    "name": "Svelte DevTools+",
    "options_page": "options.html",
    "background": {
        "service_worker": "background.bundle.js"
    },
    "action": {
        "default_popup": "popup.html",
        "default_icon": "icon-34.png"
    },
    "icons": {
        "128": "icon-128.png"
    },
    "content_scripts": [
        {
            "world": "MAIN",
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*",
                ""
            ],
            "js": [
                "contentScriptMain.bundle.js"
            ],
            "run_at": "document_start"
        },
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*",
                ""
            ],
            "js": [
                "contentScriptIsolated.bundle.js"
            ],
            "run_at": "document_start"
        }
    ],
    "devtools_page": "devtools.html",
    "web_accessible_resources": [
        {
            "resources": [
                "icon-128.png",
                "icon-34.png"
            ],
            "matches": []
        }
    ],
    "permissions": [
        "activeTab"
    ]
}

Tiện Ích Mở Rộng Liên Quan

Nightwatch Chrome Recorder
Nightwatch Chrome Recorder
Preact Developer Tools
Preact Developer Tools
Solid Devtools
Solid Devtools
React Developer Tools
React Developer Tools
Livewire devtools
Livewire devtools
Web Component DevTools
Web Component DevTools
Gimli Tailwind
Gimli Tailwind