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