稳定信号未识别高风险权限组合
React Developer Tools icon

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

用户数5M当前公开安装规模
评分4.0商店平均评分
评论数1,634公开评论体量
Manifest 版本V3插件平台版本
7日增长0近 7 天净增用户
7日增长率0%相对周增长速度
视觉预览

React Developer Tools 媒体预览

1 项素材
趋势

用户增长趋势

按已采集快照查看用户数变化。

用户增长趋势

5M5M5M5M5M2026年7月15日2026年7月18日2026年7月21日最新值: 5M
评分趋势

近 7 日评分趋势

展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。

7 日评分变化

起始值
3.95
最新值
3.95
7 日评分变化
0.00
3.853.903.954.004.052026年7月15日2026年7月18日2026年7月21日最新值: 3.95
2026年7月15日2026年7月21日
增长概览

日/周/月增长表现

同口径展示 1 天、7 天、30 天的绝对增长与增长率。

1日增长持平
00%
7日增长持平
00%
30日增长持平
00%
技术摘要

版本、语言与抓取信息

查看发布时间、版本、支持语言、最近更新和抓取时间。

版本7.0.1 (10/20/2025)
ManifestV3
大小789KiB
语言数1English
发布时间
最近更新
最近抓取
English
简介

插件简介

查看插件说明、主要功能和适用场景。

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.

评价

最新评论快照

查看最近评论和评分分布。

商店综合星级4.0Chrome 商店给出的聚合评分,包含只有打分但没有同步评论正文的情况
已同步评论均分3.3仅基于下方已同步评论正文计算
有内容评论744已同步的评论正文数量
总评分/评论数1,634Chrome 商店公开评分/评论计数

商店综合星级:4.0。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。

5
301
4
99
3
76
2
64
1
204
Shavej Choudhary2023年12月12日
5

I think it is a very helpful extension. it's making react developers life easy. I am very happy after use it.

版本 5.0.0 (12/5/2023)语言 en
6 有用 · 0 无用
Wonseok Kong2023年12月11日
2

정확한 원인은 모르겠으나 나이스페이 결제창 연동시 결제창 페이지가 노출되지 않는 경우와 관련 있습니다

版本 5.0.0 (12/5/2023)语言 ko
胡庆2023年12月4日
3

装上这个插件后,页面不能滚动

版本 4.28.5 (10/25/2023)语言 zh
1 有用 · 1 无用
Md. Naim Howlader2023年12月4日
5

Very Very helpfull extention for react developer

版本 4.28.5 (10/25/2023)语言 en
6 有用 · 1 无用
Gaurang Tandon2023年11月21日
1

Been using it since a very long time because it's the official react devtools extension. It's always been a finicky extension. For example the Components tab never highlighted the correct component when using its element picker. Sometimes, it would lose the relevant element when switching between Elements panel and Components panel. It would always lose settings for persist hook memory (they fixed this after a while). And finally, today it has stopped working altogether - the extension popup doesn't open and the Component/Profiler tabs don't show in the devtools console. Removing extension/restarting Chrome nothing works.

版本 4.28.5 (10/25/2023)语言 en
14 有用 · 3 无用
Brian Ruff2023年11月16日
5

This tool has been a life saver for many developers creating React applications.

版本 4.28.5 (10/25/2023)语言 en
3 有用 · 1 无用
Dmitry2023年11月14日
5

If you can't see the extension, here's a workaround: open Dev Tools and click on the Preferences icon (it's next to the closed one. Or press F1 if you can't find it). In the Preferences tab, click on the "Restore defaults and reload" button (located at the bottom right). Please upvote this comment if it was helpful and visible to everyone

版本 4.28.5 (10/25/2023)语言 en
28 有用 · 1 无用
Rene Huanca2023年11月13日
1

no funciona

版本 4.28.5 (10/25/2023)语言 es
9 有用 · 4 无用
[\]&.!2023年11月13日
4

For everyone experiencing issues with disappearing "tabs" and "profiler," and restarting the browser/system doesn't help. You need to go to Settings > Preferences > Restore Defaults and Reload. Then it'll work.

语言 en
2 有用 · 1 无用
Fatima Aminubaba2023年11月10日
5

Hello, Just incase your find your 'react dev tools' not appearing, you might want to consider updating your chrome browser. You can do this by clicking the menu-icon by the top right edge of your browser. Click 'help' and Select 'About Google chrome'. You will be redirected to a new tab. You will see the version of your chrome here. Update to the latest version if it is not up to date. If it is, click the 'Relaunch' button and your problem will be solved. Hope this helps. Happy coding

版本 4.28.5 (10/25/2023)语言 en
2 有用 · 0 无用