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
官方URL 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
        }
    ]
}