Svelte Devtoolsとは何ですか？

Svelte DevtoolsはRedHatter271によって開発されたChromeの拡張機能で、その主な機能は「Browser devtools extension for debugging Svelte applications.」です。

拡張機能のスクリーンショット

Svelte Devtools拡張機能のCRXファイルをダウンロード

Svelte Devtools拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	Svelte Devtools
ID	ckolcbmkjpjmangdbmnkpjigpkddpogn
公式URL	https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn
説明	Browser devtools extension for debugging Svelte applications.
ファイルサイズ	55.92 KB
インストール数	19,811
現在のバージョン	1.3.0
最終更新日	2021-01-02
公開日	2020-03-28
評価	3.26/5 合計 53 レビュー
開発者	RedHatter271
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/RedHatter/svelte-devtools
ヘルプページのURL	https://github.com/RedHatter/svelte-devtools/issues
対応言語	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" ] }