代码调试,在程序开发的过程中尤为重要,能协助开发者快速定位问题。
此文重点介绍React Native开发的程序调试工具及过程。
呼出Developer Menu对话框,如下图所示:
Android物理设备或者IOS物理设备 : 摇晃手机呼出。
Android模拟器:
Command⌘ + M
IOS模拟器:
Command⌘ + D
开发者菜单在release(生成环境)不会被呼出。
程序调试我们分成三类:
- 内容预览,调试效果
- Bug查找,断点调试
- 性能分析
内容预览,调试效果
当开发者对JS代码进行改变之后,需要预览程序改变之后的效果。
在开发者菜单中有Reload
、Enable Live Reload
、 Enable Hot Reloading
能帮助我们对效果进行预览,那么他们的区别是什么呐?
Reload
手动更新改变,每次改变之后,点击Reload
,不需要重新编译程序,实时加载应用的JS代码,但需要确保React Packager
处于运行状态。
Enable Live Reload
动态加载更新,不需要手动触发,但是会重新打开启动页,开发者需要重新找到你要调试的页面。
Enable Hot Reloading
热加载,相对于