react-native调试方法


第一种:https://reactnative.cn/docs/debugging/

第二种:安装(推荐使用,我就是用这个)

   第一步:官网地址:https://github.com/jhen0409/react-native-debugger/releases

   第二步:找到适合你的点击下载

 

 

 

 第三步:把下载的解压出来,然后运行下面的

 

 

运行效果如下:

 

 

 

 


如何使用呢? 相当的简单, 参考文档:

https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md

鉴于是英文文档,有些小伙伴可能也没耐心看,简单介绍一下操作步骤。

1.关闭Chrome浏览器中所有的 http://localhost:/debugger-ui 页面;

2.打开下载好的react-native-debugger应用;

3.在模拟器或者真机上打开开发者菜单, 启用  Debug JS Remotely。

注意:那么如何打开模拟器的开发者菜单呢?

访问 App 内的开发菜单

1. 首先打开模拟器,鼠标移入模拟器屏幕内,然后你可以通过摇晃设备或是选择 iOS 模拟器的"Hardware"菜单中的"Shake Gesture"选项来打开开发菜单。另外,如果是在 iOS 模拟器中运行,还可以按下Command + D 快捷键 也就是(键盘的Ctrl键 + D键), Android 模拟器对应的则是Command + M 也就是(键盘的Ctrl键 + M键)

 

 

 

 

2. 然后会出现,点击debug

 

 

 

搞定,可以好好的调试了。

 

 

 

 

还有props值,state值的,用的那个组件。emmmm。。。刚下载用的还不熟,后面再看吧。官网提示可以监控redux,mobx,还没有尝试,尝试之后再来分享吧。

提示:
Enable Hot Reloading和Enable Live Reload一直开启。
热加载Hot Reloading与实时加载Live Reload的区别:

(1)实时加载应用更新时需要刷新当前页面,可以看到明显的全局刷新效果。

(2)而热加载基本上看不出刷新的效果,类似于局部刷新。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM