Svelte Devtools

Browser devtools extension for debugging Svelte applications.

What is Svelte Devtools?

Svelte Devtools is a Chrome extension developed by RedHatter271, and its main feature is "Browser devtools extension for debugging Svelte applications.".

Extension Screenshots

screenshot

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

                        Svelte Devtools is a Chrome extension for the Svelte javascript framework. It allows you to inspect the Svelte state and component hierarchies in the Chrome Developer Tools.

After installing you will see new tab in Chrome DevTools. This tab displays a tree of Svelte components, HTMLx blocks, and DOM elements that were rendered on the page. By selecting one of the nodes in the tree, you can inspect and edit its current state in the panel to the right.                    

Extension Basic Information

Name Svelte Devtools Svelte Devtools
ID ckolcbmkjpjmangdbmnkpjigpkddpogn
Official URL https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn
Description Browser devtools extension for debugging Svelte applications.
File Size 55.92 KB
Installation Count 19,811
Current Version 1.3.0
Last Updated 2021-01-02
Publish Date 2020-03-28
Rating 3.26/5 Total 53 Ratings
Developer RedHatter271
Email [email protected]
Payment Type free
Extension Website https://github.com/RedHatter/svelte-devtools
Help Page URL https://github.com/RedHatter/svelte-devtools/issues
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Svelte Devtools",
    "version": "1.3.0",
    "description": "Browser devtools extension for debugging Svelte applications.",
    "icons": {
        "16": "icon-16.png",
        "24": "icon-24.png",
        "48": "icon-48.png",
        "96": "icon-96.png",
        "128": "icon-128.png"
    },
    "permissions": [
        "tabs",
        ""
    ],
    "background": {
        "scripts": [
            "background.js"
        ]
    },
    "devtools_page": "devtools\/index.html",
    "web_accessible_resources": [
        "privilegedContent.js"
    ]
}