如何在谷歌浏览器里加入react的调试工具

1）在下面的网页输入 react 下载插件

 

 2）下载完了以后解压

 3）修改文件名和其后缀

为：

4)继续解压

5）然后在谷歌浏览器里面打开设置中的扩展程序

 把上面 经过了2次解压的  reactdevtool文件拖入

6）点击 更新 并打开 开发者模式 

 

7）功能：比如我们打开 知乎  可以看到  右上角有一个方图标

看到为蓝色的react图标说明 该网站 是基于react 框架做的

若为灰色则不是

 若为红色  说明是 react程序  但是在调试环境中打开

比如开发过程中  用 npm start 打开网页  就会出现下面结果