Was ist React Context DevTool?

React Context DevTool ist eine Chrome-Erweiterung, die von Deep Patel entwickelt wurde, und ihr Hauptmerkmal ist "Devtool for React Context and useReducer".

Erweiterungsscreenshots

React Context DevTool-Erweiterungs-CRX-Datei herunterladen

Laden Sie React Context DevTool-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name	React Context DevTool
ID	oddhnidmicpefilikhgeagedibnefkcf
Offizielle URL	https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
Beschreibung	Devtool for React Context and useReducer
Dateigröße	2.36 MB
Installationsanzahl	48,091
Aktuelle Version	3.6
Letztes Update	2023-12-29
Veröffentlichungsdatum	2020-07-02
Bewertung	4.79/5 Insgesamt 19 Bewertungen
Entwickler	Deep Patel
E-Mail	[email protected]
Zahlungsart	free
Unterstützte Sprachen	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" ] }