Svelte Slicer

Browser devtools extension for time traveling and visualizing Svelte applications.

什麼是Svelte Slicer?

Svelte Slicer是由https://svelteslicer.io開發的Chrome擴展程式,該擴展的主要功能是“Browser devtools extension for time traveling and visualizing Svelte applications.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載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 Svelte Slicer
ID ohimeoplnpnoeapbnmgeddijpfobbijl
官方網址 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
電子郵箱 [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"
    }
}