React-Native调试工具的下载与使用

1、从官网下载安装react-native-debugger

这个就找了半天，因为看到英文文档就看不下去，然后兜兜转转还是在官网上找的，怪我怪我，浪费时间

https://github.com/jhen0409/react-native-debugger/releases 

解压后点击其中的exe，就会出现高大上的界面

2、调试

先看官方文档：https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md

1. 把http://localhost:8081/debugger-ui/ 调试界面关掉
2. 打开react-native debugger
3. 点击手机上的Remote JS Debugging

就能看到下面这样页面啦~~~还能调试，界面也高大上，感觉很厉害的样子O(∩_∩)O，哈哈

3、想要实时看到css代码更新后样式的变化

Enable Hot Reloading

启用热加载，同样是实现页面的自动刷新。

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

4、想要实时看到js代码更新后功能的变化

Enable Live Reload

该功能主要用来实现自动刷新。当我们将实时加载启用后，如果应用中的 JavaScript 代码有任何修改，它都会自动帮我们更新，不需要人为去操作刷新功能。

热加载（Hot Reloading）与上面提到的实时加载（Live Reload）最关键的区别：
（1）实时加载应用更新时需要刷新当前页面，可以看到明显的全局刷新效果。
（2）而热加载基本上看不出刷新的效果，类似于局部刷新。

参考文献：http://www.hangge.com/blog/cache/detail_1480.html