React调试工具React Developer Tools

Facebook为了方便调试React代码，推出了React Developer Tools调试工具，方便开发者高效快速调试代码。下载方式，利用Chrome的拓展程序

　　

 

　　添加后该图标便会放到页面右上角，该图标有几种状态，测试如下

1、打开淘宝发现图标灰色，说明淘宝没有使用react

 　　

2、打开知乎，发现右上角的react图标高亮变成黑色，说明该网站利用了react技术进行开发。
　　该网站使用React技术开发，通过webpack进行打包压缩混合，运行在了服务器，使其可以在生产环境中使用。

　　

3、打开自己编写中的网页，发现右上角react图标高亮成屎黄色
　　表明该网页运用了React技术，在当前开发测试环境中开启了调试工具

　　

 　　打开控制台即可进行调试

　　

 

 

 

 

 

.