React Context DevToolとは何ですか？

React Context DevToolはDeep Patelによって開発されたChromeの拡張機能で、その主な機能は「Devtool for React Context and useReducer」です。

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

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
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
Eメール	[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" ] }