Svelte DevTools
Browser DevTools extension for debugging Svelte applications.
什麼是Svelte DevTools？
Svelte DevTools是由ignatiusmb開發的Chrome擴展程式，該擴展的主要功能是“Browser DevTools extension for debugging Svelte applications.”。
擴展截圖
下載Svelte DevTools擴展crx文件
下載Svelte DevTools擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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. 擴展基本資訊
| 名稱 |  Svelte DevTools |
| ID | kfidecgcdjjfpeckbblhmfkhmlgecoff |
| 官方網址 | https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff |
| 簡介 | Browser DevTools extension for debugging Svelte applications. |
| 檔案大小 | 61.7 KB |
| 安裝次數 | 5,000 |
| 目前版本 | 2.1.0 |
| 更新時間 | 2024-01-24 |
| 上架時間 | 2023-10-24 |
| 評分 | 4.38/5 共 13 次評分 |
| 開發者 | ignatiusmb |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://github.com/sveltejs/svelte-devtools |
| 說明頁面URL | https://github.com/sveltejs/svelte-devtools/issues |
| 支援的語言 | 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"
}
]
} | |
