因为本人并没有翻墙,所以只好在github下载react调试工具。
步骤:
1.进入 https://github.com/facebook/react-devtools/tree/v3 后下载zip,压缩。
2.打开命令行,进入react-devtools-3文件夹,输入命令:npm --registry https://registry.npm.taobao.org install (如果没有安装成功就再输入一次)
3.此时看看package.json是否有build命令,如果有,就可以输入命令:npm run build:extension:chrome
4.打开chrome扩展程序:chrome://extensions/ ,点击“加载已解压的扩展程序”,进入react-devtools-3\shells\chrome\build,选择unpacked文件夹,点击“确定”
5.在命令行输入:run test:chrome
6.打开右上角的扩展程序,可以看到react工具
打开控制台,也可以看到react测试。
如图:
如果react图标显示绿色,则可以在控制台找到react信息:(这里因为知乎用的是react.js,所以可以看到)
说来不争气,这个开发工具是3.6版本的,开发时不适用还出一堆问题,需要安装4.0以上的。最后我还是fan了,用originCloud,已经可以用了。