O que é Svelte Devtools?

Svelte Devtools é uma extensão do Chrome desenvolvida por RedHatter271, e sua principal característica é "Browser devtools extension for debugging Svelte applications.".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Svelte Devtools

Baixe arquivos de extensão Svelte Devtools no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Svelte Devtools
ID	ckolcbmkjpjmangdbmnkpjigpkddpogn
URL Oficial	https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn
Descrição	Browser devtools extension for debugging Svelte applications.
Tamanho do Arquivo	55.92 KB
Contagem de Instalações	19,811
Versão Atual	1.3.0
Última Atualização	2021-01-02
Data de Publicação	2020-03-28
Classificação	3.26/5 Total de 53 Avaliações
Desenvolvedor	RedHatter271
Email	[email protected]
Tipo de Pagamento	free
Site da Extensão	https://github.com/RedHatter/svelte-devtools
URL da Página de Ajuda	https://github.com/RedHatter/svelte-devtools/issues
Idiomas Suportados	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" ] }