美文网首页
ReactNative开发基本调试

ReactNative开发基本调试

作者: 聆听者JYZ | 来源:发表于2016-08-19 21:49 被阅读152次

Android模拟器:

可以通过Command⌘ + M快捷键来快速打开Developer Menu。也可以通过模拟器上的菜单键来打开。

iOS模拟器:

可以通过Command⌘ + D快捷键来快速打开Developer Menu。

在真机上你可以通过摇动手机来开启Developer Menu。

调试技巧:http://blog.csdn.net/quanqinyang/article/details/52215652

开发菜单

菜单选项意思:

Reload:当我们更改JS时,点此可以直接刷新到新页面

Enable Live Reload:reactnative启用实时刷新

Debug JS Remotely:启动JS远程调试功能。此时Chrome会被打开,同时会创建一个“http://localhost:8081/debugger-ui.” Tab页

enable Hot Reloading:热加载的思想是运行时动态注入修改后的文件内容,同时不中断 APP 的正常运行。这样,我们就不会丢失 APP 的任何状态信息,尤其是 UI 页面栈相关的。

关于实时加载(Live Reload)和热加载(Hot Reload)的区别,可以参见YouTube上面这个视频[2],其中关键的区别在于实时加载应用更新时需要刷新当前页面,可以看到明显的全局刷新效果,而热加载基本上看不出刷新的效果,类似于局部刷新

show Inspector:显示督察,实时在下面显示当前UI等 属性(和在网页调试差不多)

show Perf Monitor:显示性能监视器

相关文章

网友评论

      本文标题:ReactNative开发基本调试

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