React Developer Tools
7.0.1 (10/20/2025)
2025-11-25
2.5千+
插件介绍
将 React 调试工具添加到 Chrome 开发者工具中。
根据 2025 年 10 月 20 日修订版 3cde211b0c 创建。
React Developer Tools 是开源 React JavaScript 库的 Chrome DevTools 扩展。它允许您在 Chrome 开发者工具中检查 React 组件层次结构。
您将在 Chrome DevTools 中看到两个新选项卡：“Components ⚛”和“Profiler ⚛”。
“组件”选项卡向您显示在页面上呈现的根 React 组件，以及它们最终呈现的子组件。
通过选择树中的组件之一，您可以在右侧面板中检查和编辑其当前的道具和状态。在面包屑中，您可以检查所选组件、创建该组件的组件、创建该组件的组件等等。
如果您使用常规“元素”选项卡检查页面上的 React 元素，然后切换到“React”选项卡，则该元素将在 React 树中自动选择。
Profiler 选项卡允许您记录性能信息。
此扩展需要访问页面的 React 树的权限，但它不会远程传输任何数据。它是完全开源的，您可以在 https://github.com/facebook/react/tree/main/packages/react-devtools-extensions 找到其源代码。
插件详情
评分
4星（共5星)，共1611位用户参与评分
使用人数
5,000,000+ 位用户
版本
7.0.1 (10/20/2025)
文件大小
789KB
分类
提供方
无
支持语言
英语
ID
fmkadmapgofadopljbjfkapdkoienihi
发布时间
2021-11-09 16:11:12
