React Context DevTool

Devtool for React Context and useReducer

什么是React Context DevTool?

React Context DevTool是由Deep Patel开发的Chrome扩展程序,该扩展的主要功能是“Devtool for React Context and useReducer”。

扩展截图

screenshot
screenshot
screenshot
screenshot
screenshot

下载React Context DevTool扩展crx文件

下载React Context DevTool扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        React Context DevTool is debugging tool for React Context and useReducer API.

You can easily show context values changes in different views like tree, raw and diff view.
Now Devtool suppoer useReducer API. easily debug your state changes and dispatch actions from devtool.

React Context DevTool is open source project 
https://github.com/deeppatel234/react-context-devtool                    

扩展基本信息

名称 React Context DevTool React Context DevTool
ID oddhnidmicpefilikhgeagedibnefkcf
官方URL https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
简介 Devtool for React Context and useReducer
文件大小 2.36 MB
安装次数 48,091
当前版本 3.6
更新时间 2023-12-29
上架时间 2020-07-02
评分 4.79/5 共19次评分
开发者 Deep Patel
电子邮箱 [email protected]
付费类型 free
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "React Context DevTool",
    "version": "3.6",
    "description": "Devtool for React Context and useReducer",
    "manifest_version": 2,
    "icons": {
        "16": "assets\/icons\/icon16.png",
        "32": "assets\/icons\/icon32.png",
        "48": "assets\/icons\/icon48.png",
        "128": "assets\/icons\/icon128.png"
    },
    "browser_action": {
        "default_icon": {
            "16": "assets\/icons\/icon16-disabled.png",
            "32": "assets\/icons\/icon32-disabled.png",
            "48": "assets\/icons\/icon48-disabled.png",
            "128": "assets\/icons\/icon128-disabled.png"
        },
        "default_popup": "popup\/disabled.html"
    },
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "devtools_page": "devtool\/devtool.html",
    "options_ui": {
        "page": "options\/options.html",
        "open_in_tab": false
    },
    "permissions": [
        "storage",
        "file:\/\/\/*",
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'; style-src * 'unsafe-inline'; img-src 'self' data:;",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "injectGlobalHook.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        "react-context-devtool-helper.js"
    ]
}