React Developer Tools là gì?

React Developer Tools là một tiện ích mở rộng Chrome được phát triển bởi Meta, và tính năng chính của nó là "Adds React debugging tools to the Chrome Developer Tools. Created from revision 993c4d003 on 12/5/2023.".

Ả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 Developer Tools

Tải xuống các tệp mở rộng React Developer Tools 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 Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler".

The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.

By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on.

If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree.

The Profiler tab allows you to record performance information.

This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.

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

Tên	React Developer Tools
ID	fmkadmapgofadopljbjfkapdkoienihi
URL Chính Thức	https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
Mô tả	Adds React debugging tools to the Chrome Developer Tools. Created from revision 993c4d003 on 12/5/2023.
Kích Thước Tệp	1.48 MB
Số Lần Cài Đặt	4,653,877
Phiên Bản Hiện Tại	5.0.0 (12/5/2023)
Cập Nhật Lần Cuối	2023-12-06
Ngày Phát Hành	2020-05-18
Đánh Giá	4.01/5 Tổng số 1489 Đánh Giá
Nhà Phát Triển	Meta
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/facebook/react
URL Trang Trợ Giúp	https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "React Developer Tools", "description": "Adds React debugging tools to the Chrome Developer Tools.\n\nCreated from revision 993c4d003 on 12\/5\/2023.", "version": "5.0.0", "version_name": "5.0.0 (12\/5\/2023)", "minimum_chrome_version": "102", "icons": { "16": "icons\/16-production.png", "32": "icons\/32-production.png", "48": "icons\/48-production.png", "128": "icons\/128-production.png" }, "action": { "default_icon": { "16": "icons\/16-disabled.png", "32": "icons\/32-disabled.png", "48": "icons\/48-disabled.png", "128": "icons\/128-disabled.png" }, "default_popup": "popups\/disabled.html" }, "devtools_page": "main.html", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "web_accessible_resources": [ { "resources": [ "main.html", "panel.html", "build\/*.js" ], "matches": [ "" ], "extension_ids": [] } ], "background": { "service_worker": "build\/background.js" }, "permissions": [ "storage", "scripting" ], "host_permissions": [ "" ], "content_scripts": [ { "matches": [ "" ], "js": [ "build\/prepareInjection.js" ], "run_at": "document_start" } ] }