Svelte DevTools+

Adds Svelte debugging tools to the Chrome Developer Tools

Svelte DevTools+とは何ですか?

Svelte DevTools+はsveltedevtoolsによって開発されたChromeの拡張機能で、その主な機能は「Adds Svelte debugging tools to the Chrome Developer Tools」です。

拡張機能のスクリーンショット

screenshot

Svelte DevTools+拡張機能のCRXファイルをダウンロード

Svelte DevTools+拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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                    

拡張機能の基本情報

名前 Svelte DevTools+ Svelte DevTools+
ID bgelkjgjabbfoeiicgoddeadicoofcfk
公式URL https://chromewebstore.google.com/detail/svelte-devtools+/bgelkjgjabbfoeiicgoddeadicoofcfk
説明 Adds Svelte debugging tools to the Chrome Developer Tools
ファイルサイズ 267 KB
インストール数 1,394
現在のバージョン 1.1.1
最終更新日 2023-12-12
公開日 2023-08-13
評価 4.00/5 合計 5 レビュー
開発者 sveltedevtools
Eメール [email protected]
支払い方法 free
対応言語 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"
    ]
}