React Developer Tools - React开发者工具 Chrome插件

React Developer Tools插件是什么？React Developer Tools是一款由facebook开发的有用的Chrome 浏览器扩展，可以通过 Chrome Web存储获取。使用 Chrome Devtools 进行调试时，可以查看应用程序的 React 组件分层结构，而不是更加神秘的浏览器 DOM 表示。添加react developer tools到chrome，是对chrome开发工具的React调试工具。React的开发工具是开源Chrome DevTools延伸反应的JavaScript库。它允许你检查React在Chrome开发者工具组件的层次结构（原名WebKit Web Inspector）。你会得到新的标签要求在你的Chrome DevTools反应。这表明你的根反应组件在页面渲染，以及他们最终渲染组件。

安装步骤：

下载成功后，解压压缩包，打开chrome浏览器，设置-> 扩展程序->打开开发者模式， 拖入 解压后的 .crx后缀的文件

同时，打开启用开关

![]()

版本下载

• 4.24.0 4.24.0版本下载