Svelte DevTools
Browser DevTools extension for debugging Svelte applications.
What is Svelte DevTools?
Svelte DevTools is a Chrome extension developed by ignatiusmb, and its main feature is "Browser DevTools extension for debugging Svelte applications.".
Extension Screenshots
Download Svelte DevTools Extension CRX File
Download Svelte DevTools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Svelte DevTools |
| ID | kfidecgcdjjfpeckbblhmfkhmlgecoff |
| Official URL | https://chromewebstore.google.com/detail/svelte-devtools/kfidecgcdjjfpeckbblhmfkhmlgecoff |
| Description | Browser DevTools extension for debugging Svelte applications. |
| File Size | 61.7 KB |
| Installation Count | 5,000 |
| Current Version | 2.1.0 |
| Last Updated | 2024-01-24 |
| Publish Date | 2023-10-24 |
| Rating | 4.38/5 Total 13 Ratings |
| Developer | ignatiusmb |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/sveltejs/svelte-devtools |
| Help Page URL | https://github.com/sveltejs/svelte-devtools/issues |
| Supported Languages | 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"
}
]
} | |
