React-native调试小技巧,在Logcat输出console的log,不用摇晃也能弹出Debug 弹窗

本文分享了React-native的调试技巧,包括如何使用`react-native log-android`和`react-native log-ios`在Logcat查看console.log输出,以及在没有菜单键的设备上,如何使用ADB命令模拟按键触发Debug弹窗。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当初新学React-native的时候,也是感觉一脸懵逼,只能看官网,看视频,去找qq群,没人帮助自己。一点一点肯,慢慢的跳坑,然后再跳出来,学到现在,也不敢说能参透notejs的原理,但是 我会把自己遇到的一些小技巧记下来,方便后人采纳。

很多新手好比调试网络接口的时候会很苦恼,为什么呢? 一是因为对fetch的不熟悉,不知道这样写对不对,想通过打log的方式去看看程序执行的过程,但是reactnative中要不用ToastAndroid 要不用alert,但是这写只能打出一个字符串,有时候拿不准数据类型还会报错,如果用dubug的模式,会非常卡顿,而且效率不高;二是对整个React-native流程的不熟悉,感觉写代码就是碰运气,一点一点试试。
我还是想给新手的同学的们点忠告,官网还是要看的,一定要仔细。里面还是有很多好东西的,那我就说一下React-native的调试小技巧。

Log

很多同学疑问 ,既然js有个全局API console.log() 为什么看不到输出呢?或者找不到输出在哪里,有很多同学认为console的log只能在debug的窗口下的console下打印出来,那么你就错了,mac自带的终端 用logcat也可以输出。


就记住一个命令就行

react-native log-android

当然,如果是ios的就是

react-native log-ios

原理很简单,debug模式,app会通过网络把你的本地代码部署到浏览器上,让浏览器模拟运行,所以你会感觉到卡,而终端打印log的原理就是把console打印的log结合logcat打印出来,既然是到了logcat这一步,那还不随便让你折腾呢。

Debug 弹窗

在开发的过程中需要经常调试程序,Facebook 制定的调试模式 必须摇晃手机才能弹出debug 弹窗,真机还可以摇一摇 ,但是到了模拟器上 就没办法摇了,有的同学要说,模拟器不是有menu键吗 ?Facebook 也规定了可以

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值