美文网首页iOS DeveloperiOS 开发
基于React Native开发iOS--调试

基于React Native开发iOS--调试

作者: 芝麻绿豆 | 来源:发表于2016-06-29 17:39 被阅读359次

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状态!

越努力越幸运!

相关文章

网友评论

    本文标题:基于React Native开发iOS--调试

    本文链接:https://www.haomeiwen.com/subject/vxjxjttx.html