Svelte DevTools+

Adds Svelte debugging tools to the Chrome Developer Tools

Svelte DevTools+คืออะไร?

Svelte DevTools+ เป็นส่วนขยายของ Chrome ที่พัฒนาโดย sveltedevtools และคุณลักษณะหลักของมันคือ "Adds Svelte debugging tools to the Chrome Developer Tools"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Svelte DevTools+

ดาวน์โหลดไฟล์ส่วนขยาย 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
อีเมล [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"
    ]
}

ส่วนขยายที่เกี่ยวข้อง

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