美文网首页
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