Svelte Slicerとは何ですか？

Svelte Slicerはhttps://svelteslicer.ioによって開発されたChromeの拡張機能で、その主な機能は「Browser devtools extension for time traveling and visualizing Svelte applications.」です。

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

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

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

拡張機能の使用方法

Svelte Slicer is an open-source Chrome Developer Tool that allows the user to view and traverse graphical and textual representations throughout its lifecycle, helping developers to more efficiently identify state-related bugs.

Key Features Include:
-Visualization of component relationships
-Moment-by-moment tracking of state variables
-Snapshot diffing to identify specific state changes
-Dynamic time travel through past state snapshots

To read more on Svelte Slicer, head over to our article on Medium.com at:

https://svelteslicer.medium.com/svelte-slicer-df5263a8e76f

Svelte Slicer is currently a work in progress and undergoing continual improvements. Please feel free to contribute at https://github.com/oslabs-beta/SvelteSlicer or contact one of our authors listed on GitHub.

拡張機能の基本情報

名前	Svelte Slicer
ID	ohimeoplnpnoeapbnmgeddijpfobbijl
公式URL	https://chromewebstore.google.com/detail/svelte-slicer/ohimeoplnpnoeapbnmgeddijpfobbijl
説明	Browser devtools extension for time traveling and visualizing Svelte applications.
ファイルサイズ	213 KB
インストール数	143
現在のバージョン	0.0.0.1
最終更新日	2022-02-18
公開日	2022-02-17
開発者	https://svelteslicer.io
Eメール	[email protected]
支払い方法	free
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Svelte Slicer", "version": "0.0.0.1", "minimum_chrome_version": "88", "description": "Browser devtools extension for time traveling and visualizing Svelte applications.", "devtools_page": "devtools\/index.html", "background": { "service_worker": "devtools\/background.js" }, "content_scripts": [ { "matches": [ ":\/\/localhost\/" ], "js": [ "devtools\/listener.js" ], "run_at": "document_start" } ], "action": { "default_icon": { "16": "devtools\/public\/images\/icon16.png", "128": "devtools\/public\/images\/icon128.png" } }, "icons": { "16": "devtools\/public\/images\/icon16.png", "128": "devtools\/public\/images\/icon128.png" } }