1.运行项目
选中模拟器,按快捷键command + D
,模拟器上会出现如下图所示的菜单:
- Reload 刷新页面
- Debug JS Remotely 在浏览器中调试,点击后会启动Chrome浏览器,和调试WEB一样;
- Enable Live Reload 自动刷新
- Show Perf Monitor 对UI额JavaScript的FPS 进行监听;
- show Inspector 查看元素的位置、样式层级关系等;
- start Systrace 监控应用在一段时间内的指标信息;
有的人会发现怎么按command+D都没有反应,那就调整一下你的模拟器键盘:
2.选择Debug
chrome自动打开(浏览器会显示如下界面,同时会弹出一个提示访问你的项目文件,请点击允许)
3.选择浏览器中的开发者工具
4.选择开发者工具中的sources
再运行项目的时候就会跳到断点的地方去;如果需要关闭Debug状态,需要在模拟器中按快捷键command+D 在菜单中关闭debug状态!
越努力越幸运!