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

2. 开发者工具基本使用
点击进入F12,可以看到多了两个选项卡Components和Profiler:
其中Components是组件查看工具,Profiler是性能查探工具。
访问谷歌Chrome应用商店,搜索React,下载React Developer Tools:
安装好过后就是这样:
如果是上生产编译打包部署的,图标显示是蓝色的:
本地直接启动,使用开发模式的话图标是红色的,上面隐隐约约有一个虫子:

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