React Context DevTool là gì?

React Context DevTool là một tiện ích mở rộng Chrome được phát triển bởi Deep Patel, và tính năng chính của nó là "Devtool for React Context and useReducer".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng React Context DevTool

Tải xuống các tệp mở rộng React Context DevTool dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	React Context DevTool
ID	oddhnidmicpefilikhgeagedibnefkcf
URL Chính Thức	https://chromewebstore.google.com/detail/react-context-devtool/oddhnidmicpefilikhgeagedibnefkcf
Mô tả	Devtool for React Context and useReducer
Kích Thước Tệp	2.36 MB
Số Lần Cài Đặt	48,091
Phiên Bản Hiện Tại	3.6
Cập Nhật Lần Cuối	2023-12-29
Ngày Phát Hành	2020-07-02
Đánh Giá	4.79/5 Tổng số 19 Đánh Giá
Nhà Phát Triển	Deep Patel
Email	[email protected]
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	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" ] }