atomic dev tool

A Chrome extension that helps debug atomic state management.

什麼是atomic dev tool?

atomic dev tool是由kaizenatomic開發的Chrome擴展程式,該擴展的主要功能是“A Chrome extension that helps debug atomic state management.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載atomic dev tool擴展crx文件

下載atomic dev tool擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        Atomic is an open source Google Chrome developer tool designed for  applications built using Jotai as a  state management library. Atomic developer tool provides real-time snapshots of a Jotai application's atomic state and component structure allowing developers to visually inspect their application state and a readily to determine development solutions.

Key features of Atomic devtool include:

- Display state changes between snapshots
- Display component tree structure
- Dynamically rendering graphic component visualization with state changes
- Atom network data visualization for both atom dependents and atom read dependencies                    

擴展基本資訊

名稱 atomic dev tool atomic dev tool
ID nnchkolpjdpkpbolophmdkglenapodbo
官方網址 https://chromewebstore.google.com/detail/atomic-dev-tool/nnchkolpjdpkpbolophmdkglenapodbo
簡介 A Chrome extension that helps debug atomic state management.
檔案大小 1.13 MB
安裝次數 209
目前版本 1.0.0
更新時間 2021-04-22
上架時間 2021-04-22
評分 3.67/5 共 3 次評分
開發者 kaizenatomic
電子郵箱 [email protected]
付費類型 free
擴展官網 https://www.atomictool.dev/
說明頁面URL https://www.npmjs.com/package/atomic-devtools
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "atomic dev tool",
    "version": "1.0.0",
    "devtools_page": "devtools.html",
    "description": "A Chrome extension that helps debug atomic state management.",
    "manifest_version": 2,
    "content_security_policy": "script-src 'self' 'unsafe-eval' ; object-src 'self'",
    "web_accessible_resources": [
        "bundles\/backend.bundle.js"
    ],
    "background": {
        "scripts": [
            "bundles\/background.bundle.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "bundles\/content.bundle.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ]
}