ReactNative开发基本调试

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:显示性能监视器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容