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 |
| 公式URL | 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 |
| Eメール | [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"
}
]
} | |
