《React Native》之程序调试篇

  代码调试,在程序开发的过程中尤为重要,能协助开发者快速定位问题。
  此文重点介绍React Native开发的程序调试工具及过程。
  呼出Developer Menu对话框,如下图所示:


开发者菜单对话框

Android物理设备或者IOS物理设备 : 摇晃手机呼出。
Android模拟器: Command⌘ + M
IOS模拟器: Command⌘ + D

开发者菜单在release(生成环境)不会被呼出。

程序调试我们分成三类:

  1. 内容预览,调试效果
  2. Bug查找,断点调试
  3. 性能分析

内容预览,调试效果

  当开发者对JS代码进行改变之后,需要预览程序改变之后的效果。
在开发者菜单中有ReloadEnable Live ReloadEnable Hot Reloading 能帮助我们对效果进行预览,那么他们的区别是什么呐?

Reload

  手动更新改变,每次改变之后,点击Reload,不需要重新编译程序,实时加载应用的JS代码,但需要确保React Packager处于运行状态。

Enable Live Reload

  动态加载更新,不需要手动触发,但是会重新打开启动页,开发者需要重新找到你要调试的页面。

Enable Hot Reloading

  热加载,相对于

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值