React Developer Tools

React Developer Tools

React Developer Tools

热度 10643

当前版本4.24.7
插件大小1.74MiB
所属分类开发者工具
更新时间2022年6月1日
随机推荐实用家用筋膜枪推荐推荐

React Developer Tools插件简介

React Developer Tools(扩展包名:fmkadmapgofadopljbjfkapdkoienihi)由 开发,最新版本4.24.7 于 2022年6月1日 更新。 React Developer Tools 属于开发者工具分类。

🌹 这个应用程序可以在 ChromeFK 或 Google Chrome 网上应用商店进行下载。 ChromeFK上的所有插件扩展文件都是原始文件,并且 100% 安全,下载速度快。
Adds React debugging tools to the Chrome Developer Tools.Created from revision 336ac8ceb on 7/13/2022.

React Developer Tools插件描述

React Developer Tools is a Chrome DevTools extension f the opensource 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"  "⚛️ 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  edit its current props  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,  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 recd perfmance infmation.
                                

React Developer Tools插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 React Developer ToolsChrome插件v4.24.7版本到本地。

5.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。

注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决

历史版本

(如何离线安装?)
版本号文件大小下载

React-Developer-Tools(4.22.0)

1.72MiB 城通网盘

React-Developer-Tools(4.23.0)

1.73MiB 城通网盘

React-Developer-Tools(4.24.0)

1.74MiB 城通网盘

React-Developer-Tools(4.24.7)

1.74MiB 城通网盘