Cos'è React Developer Tools?

React Developer Tools è un'estensione di Chrome sviluppata da Meta, e la sua funzione principale è "Adds React debugging tools to the Chrome Developer Tools. Created from revision 993c4d003 on 12/5/2023.".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione React Developer Tools

Scarica i file di estensione React Developer Tools in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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.

Informazioni di Base sull'Estensione

Nome	React Developer Tools
ID	fmkadmapgofadopljbjfkapdkoienihi
URL Ufficiale	https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
Descrizione	Adds React debugging tools to the Chrome Developer Tools. Created from revision 993c4d003 on 12/5/2023.
Dimensione del File	1.48 MB
Conteggio Installazioni	4,653,877
Versione Corrente	5.0.0 (12/5/2023)
Ultimo Aggiornamento	2023-12-06
Data di Pubblicazione	2020-05-18
Valutazione	4.01/5 Totale 1489 Valutazioni
Sviluppatore	Meta
Email	[email protected]
Tipo di Pagamento	free
Sito Web dell'Estensione	https://github.com/facebook/react
URL della Pagina di Aiuto	https://github.com/facebook/react/issues/new?labels=Component:%20Developer%20Tools
Lingue Supportate	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" } ] }