Chrome开发调试工具,需要安装react-devtools插件。
插件安装方法:
- 离线安装
下载最新devtools插件
打开chrome
浏览器,进行扩展程序
页面,将下载的xx.crx
拖拽到页面,之后会提示安装成功。
- 在线安装(需要vnp,这里不考虑这个方法)
android 模拟器:genymotion
cmd+m
选择debug in chrome
,然后会打开一个网页:http://localhost:8081/debugger-ui 界面截图如下:
这里显示states:Debugger session #0 active.
说明成功。
打开chrome 开发者工具
(更多工具 - 开发者工具)
- 切换到
source
选项打开调试
- 打开相应js页面进行断点调试