Skip to content

使用React开发者工具

1. 安装开发者工具

访问谷歌Chrome应用商店,搜索React,下载React Developer Tools:
Alt text 安装好过后就是这样:
Alt text 如果是上生产编译打包部署的,图标显示是蓝色的:
Alt text 本地直接启动,使用开发模式的话图标是红色的,上面隐隐约约有一个虫子:
Alt text

2. 开发者工具基本使用

点击进入F12,可以看到多了两个选项卡Components和Profiler: Alt text 其中Components是组件查看工具,Profiler是性能查探工具。