关于react-native的调试

对于初学RN者来说,调试过程中很可能走点弯路,其实很简单,今天同事突然问到了,就写下来:
0.使用:http://localhost:8081/debugger-ui;
0.5.安装react-devtools
1.在虚拟机或真机上点Remote JS Debugging ,官网上有相关教程:react native中文网
2.根据教程发现,正常debugger是可以的,控制台打印日志也是可以的.但是chrome不可以看到样式,与网络请求.
3.安装react-native-debugger:安装地址:添加链接描述
3.1:解压后点击其中的exe，就会出现高大上的界面

4.调试
4.1:先看官方文档：添加链接描述
4.2:
4.2.1把http://localhost:8081/debugger-ui/ 调试界面关掉
4.2.2打开react-native debugger
4.2.3点击手机上的Remote JS Debugging

5.想要实时看到css代码更新后样式的变化
Enable Hot Reloading
启用热加载，同样是实现页面的自动刷新。
热加载的思想是运行时动态注入修改后的文件内容，同时不中断 APP 的正常运行。这样，我们就不会丢失 APP 的任何状态信息，尤其是 UI 页面栈相关的。

6.想要实时看到js代码更新后功能的变化
Enable Live Reload
该功能主要用来实现自动刷新。当我们将实时加载启用后，如果应用中的 JavaScript 代码有任何修改，它都会自动帮我们更新，不需要人为去操作刷新功能。
热加载（Hot Reloading）与上面提到的实时加载（Live Reload）最关键的区别：
（1）实时加载应用更新时需要刷新当前页面，可以看到明显的全局刷新效果。
（2）而热加载基本上看不出刷新的效果，类似于局部刷新。
参考文献:添加链接描述
可以参考以下链接添加链接描述