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”。
擴展截圖
下載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+ |
| ID | bgelkjgjabbfoeiicgoddeadicoofcfk |
| 官方網址 | 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:\/\/*\/*",
" | |
