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

把http://localhost:8081/debugger-ui/ 调试界面关掉
打开react-native debugger
点击手机上的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

React-Native调试工具的下载与使用相关推荐

react native 调试工具react-devtools
前段时间用 react-native-debugger 如果出现了下面这种情况参照这个帖子修复一下 https://www.jianshu.com/p/0c4f7a1048a4 本来好了又完蛋了 ...
React Native开源项目如何运行（附一波开源项目）
学习任何技术,最快捷的方法就是学习完基础语法,然后模仿开源项目进行学习,React Native也不例外.React Native推出了1年多了, 开源项目太多了,我们以其中一个举例子.给大家演示下如 ...
Windows环境下搭建React Native
随着移动开发越来越火热,前端开发也是有之前11年一直火热到现在,不过我发现从去年年底开发,Android和ios基本已经饱和了,特别是随着广大开源社区的中很多人贡献代码,开发已经不是什么问题了,所以现 ...
React Native 下载组件以及npm常用命令
一.React Native 下载组件: RN的组件都是需要从网上下载的.正常来说,我们通过npm start打开服务器之后,直接用npm下载即可.常用的组件,例如按钮,滚动等,都是可以直接下载的.下 ...
12.React Native文件创建、查看、下载、上传-react-native-fs
目录 1.react-native-fs是什么? 2.react-native-fs支持哪些功能? 3.react-native-fs如何使用? 4.react-native-fs功能介绍? 5.文件 ...
react native 从头开始
1.react-native run-android 报错SDK location not found. Define location with sdk.dir in the local.prope ...
移动开发者如何更好地学习 React Native？ | 技术头条
作者 | 魔笛责编 | 郭芮 2015年3月,Facebook正式发布react-native,只支持iOS平台:2015年9月,Facebook发布了React Native for Androi ...
React Native 网络层分析
文:志俊(沪江Web前端) 本文原创,转载请注明作者及出处在使用React Native开发中,我们熟练的采用JavaScript的方式发送请求的方式发送一个请求到服务端,但是处理这个请求的过程其实 ...
最火移动端跨平台方案盘点：React Native、weex、Flutter
本文原文由"恋猫月亮"原创发布,原题为<移动端跨平台开发的深度解析>,本次重新整理后,为了优化阅读体验,内容略有改动,感谢原作者的无私分享. 1.前言跨平台一直是老生 ...
初次接触React Native遇到的问题
具体的搭建环境过程就不细说了,官方文档说的很详细,按照文档一步步操作就可以,需要注意下Android Studio安装和下载所需的SDK需要占用很大空间大约20G,注意磁盘空间是否充足. React ...