React调试工具React Developer Tools

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

  

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

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

   

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

  

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

  

   打开控制台即可进行调试

  

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/12456570.html