使用adb 监听react-native的日志 console.log输出

最新推荐文章于 2025-03-25 23:44:26 发布
最新推荐文章于 2025-03-25 23:44:26 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangxunxyy/article/details/89311404
版权
博客给出了一条信息技术相关的命令“adb logcat *:S ReactNative:V ReactNativeJS:V”，该命令可能用于过滤日志信息，在移动开发等场景中对日志进行筛选查看。

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

adb logcat *:S ReactNative:V ReactNativeJS:V

使用React Native开发Android手持机
zz15189557082的博客
03-02 2087
设备与技术栈 Android手持机 手持机型号iData95W，版本为Android4.4.2，有读RFID和扫条码的模块。 RFID模块用到了厂商提供的jar包和so文件。 扫条码模块用的是广播的方式。 技术栈 react native 与原生Android的交互，js端调用native端，native端主动发消息给js端。 Android调用RFID与扫码模块。 reac...
React Native从0到1：开启跨端开发之旅
最新发布
大雨淅淅的博客
04-27 1228
通过这趟 React Native 的学习之旅，我们从为什么选择 React Native 开始，深入了解了它在跨平台开发中的显著优势，如一次编写、多平台运行，庞大的社区支持等，这让它成为移动应用开发领域中极具吸引力的选择。在开启学习前，我们精心搭建了开发环境，储备了 HTML、CSS、JavaScript、React、ES6 语法和 Flex 布局等前置知识，这些都是我们在 React Native 开发道路上的坚实基石。
React Native 打印 log 日志输出
villen_t的博客
06-15 1万+
import React, {Component} from 'react'; import { AppRegistry, Platform, StyleSheet, View, Text, Image, Dimensions, PixelRatio, } from 'react-native'; const instruction...
React Native查看console.log输出内容
专注前端技术，包括Web端、移动端、小程序、APP
08-22 9338
查看console.log的方式最基本的有两种： 第一种方式：如果你的开发环境是Windows，那么就在启动项目的时候，顺便启动日志输出：react-native log-android然后你就可以在启动黑框里查看输出的内容了。（这种不是很方便，毕竟是黑框）；如果你的开发环境是Mac，那么XCode里会有自动输出，不过同一个console会有两次输出。 第二种方式：无论你是Windows环境或者Mac环境，在你的模拟器那里打开调式栏，Ctrl+M / ⌘+D 我们点击Debug，Mac同理，也选择De
Android ADB工具使用教程（从安装到使用）
lastriches的博客
03-25 3642
ADB 全称为 Android Debug Bridge，是 Android SDK 中的一个工具，起到调试桥的作用，是一个客户端-服务器端程序。其中客户端是用来操作的电脑，服务端是 Android 设备。ADB 可以直接操作管理 Android 模拟器或者真实的 Android 设备。
安卓开发ADB无线局域网上调试真机监听查看LOG日志（一开始可能需要连数据线，连接上后数据线可拔掉）
太阳在发光！
09-12 934
条件： 1、同个wifi下 2、开启调试模式 3、adb环境配好或者不配的话去切换到adb路径下操作命令也行 步骤： 1、打开Android studio ，打开Terminal命令台，ping 一下所连wifi的ip地址是否正常可正常发送接收到数据包 2、连接手机上的ip，可能会出现以下说端口相关的提示 3、这时我们定义一下端口 4、再次连接加上端口（可能被拒绝，看看手机是否给调试，记得去...
React Native 查看console日志
大漠-孤烟
10-12 2136
在命令行运行 adb logcat *:S ReactNative:V ReactNativeJS:V 即可看见应用console的打印日志信息
在cmd控制台使用adb查看logcat
s13488941815的专栏
11-22 1万+
今天一个同事问我怎么看安卓的log，他的工具是idea，我当时想了很多，是不是要给他弄个开发环境真吗的，一个同事告诉我可以直接用adb logcat命令，于是我就看了下adblogcat。 这个东西其实很简单，但是在百度上很少有傻瓜教程，研究完后把过程记录一下 直接拷贝platform-tools发送给同事，可以配置环境变量，也可以直接按住shift在platform-tool目录下右键打开命
react-native style
07-26
React Native 是一种基于 React 构建的开源框架，用于构建跨平台移动应用（支持 iOS 和 Android）。它允许开发者使用 JavaScript 和 React 来编写原生应用界面组件，这使得开发过程更加高效并能共享代码库。 ### ...
我在expo沙盒环境中创建了reactnative项目，写了一个微信登录页面为import { View, Text, SafeAreaView, TouchableOpacity, Alert, Linking, StyleSheet } from 'react-native' import React, { useEffect } from 'react' const Login = () => { const handleWeChatLogin = async () => { try { // 检查是否安装了微信 const isWXInstalled = await Linking.canOpenURL('weixin://') if (!isWXInstalled) { Alert.alert('提示', '请先安装微信') return } // 构建微信登录 URL const appId = 'wxc063640eb0fd5cce' const redirectUri = encodeURIComponent('myapp://login') const scope = 'snsapi_userinfo' const state = Math.random().toString(36).substring(7) const wxUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=${scope}&state=${state}#wechat_redirect` console.log('微信登录跳转路径:', wxUrl) // 打开微信应用 await Linking.openURL('weixin://') // 监听URL变化 Linking.addEventListener('url', handleUrl) } catch (error) { console.error('微信登录失败:', error) Alert.alert('错误', '微信登录失败，请重试') } } const handleUrl = async (event: { url: string }) => { try { const { url } = event if (url.includes('code=')) { // 解析授权码 const code = url.split('code=')[1].split('&')[0] console.log('微信授权成功，code:', code) Alert.alert('成功', '微信登录成功！') // 这里可以发送 code 到后端服务器换取用户信息 // const response = await fetch('YOUR_BACKEND_URL/wechat/login', { // method: 'POST', // body: JSON.stringify({ code }), // }) // const userInfo = await response.json() } } catch (error) { console.error('处理授权结果失败:', error) Alert.alert('错误', '处理授权结果失败，请重试') } } return ( <SafeAreaView style={styles.container}> <View className='mt-10'> <Text style={styles.title}>登录页面</Text> <TouchableOpacity style={styles.wechatButton} onPress={handleWeChatLogin} > <Text style={styles.buttonText}>微信登录</Text> </TouchableOpacity> </View> </SafeAreaView> ) } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, title: { fontSize: 24, marginBottom: 30, color: '#333', textAlign: 'center' }, wechatButton: { backgroundColor: '#07C160', paddingHorizontal: 30, paddingVertical: 12, borderRadius: 5, marginHorizontal: 20 }, buttonText: { color: '#fff', fontSize: 16, fontWeight: 'bold', textAlign: 'center' }, }) export default Login现在能够选择微信，跳转至微信页面，但是没有微信授权页面，请解决，要求不能够跳转至浏览器页面
04-03
另外，监听URL的部分，用户使用了Linking.addEventListener，但在React Native中，更推荐使用Linking.addEventListener或者使用useEffect来添加和移除监听器。需要确认在组件卸载时是否移除了事件监听，避免内存泄漏...
30道常见React基础面试题（附答案）
2401_89191582的博客
12-16 997
render ( ) {return { this .props.user }}}调用 Icketang组件，并传递给user属性数据，把 props.children作为一个函数来处理。这种模式的好处是，我们已经将父组件与子组件分离了，父组件管理状态。父组件的使用者可以决定父组件以何种形式渲染子组件。为了演示这一点，在渲染 Icketang组件时，分别传递和不传递user属性数据来观察渲染结果。import {render} from “react-dom”;render ({ user = > us
adb 命令行 --查看输出的cocos输出
W_han__的博客
02-23 1195
adb logcat | grep "cocos"连接手机，打开cocos App，就可以查看输出的cocos 日志
React-native调试小技巧，在Logcat输出console的log,不用摇晃也能弹出Debug 弹窗
hahahhahahahha123456的博客
07-15 1473
当初新学React-native的时候，也是感觉一脸懵逼，只能看官网，看视频，去找qq群，没人帮助自己。一点一点肯，慢慢的跳坑，然后再跳出来，学到现在，也不敢说能参透notejs的原理，但是 我会把自己遇到的一些小技巧记下来，方便后人采纳。 很多新手好比调试网络接口的时候会很苦恼，为什么呢？ 一是因为对fetch的不熟悉，不知道这样写对不对，想通过打log的方式去看看程序执行的过程，但是reac...
console.log 在js、React Native (Rn)中的开关设计
huch的博客
05-22 4192
关于console.log 在js、React Native (Rn) 中如何去做开关设计 为啥会写这个题目呢，也是来自于自己在开发场景转换时遇到一个性能优化点。因为我之前是做Android开发的，当时设计Log开关的时候，是去写一个LogUtils工具类，里面去重写Log类的各个方法，然后里面的关键代码 if (BuildConfig.DEBUG) { //todo } 因...
adb 命令大全（简洁明了）adb命令启动应用
kunkliu的博客
01-30 1万+
参考：https://github.com/mzlogin/awesome-adb 一、ADB运行原理： 当启动adb客户端时，客户端首先检测adb服务端进程是否运行，如果没有运行，则启动服务端。当服务端启动时，它会绑定到本地的TCP5037端口，并且监听从adb客户端发来的命令——所有的adb客户端都使用5037端口与adb服务端通信。 接下来服务端与所有正在运行的模拟器或手机连接。它通过扫描5555-558...
ADB无线调试及简单log打印
qq_55895529的博客
11-21 1729
ADB无线调试及简单log打印
adb常用命令自查表
Android小码家
08-16 3136
windows上面打印日志 一行命令就够了 adb logcat | grep Wifi ; 更多参考细节https://blog.csdn.net/tscying/article/details/79317537
React Native 全局属性和方法，全局Log, Api网络请求，全局样式
七月、代码君
11-14 7878
在index.ios.js或者index.android.js，导出项目import { AppRegistry, } from 'react-native'; import Root from './store/Root';AppRegistry.registerComponent('Project', () => Root); 在Root.js文件中import './Global';
ReactNative 代码调试方法
热门推荐
小明的博客
04-05 3万+
在iOS开发中是如何调试程序的？有些时候会通过NSLog进行代码结果的打印，这种方式对应到RN的开发中，就是通过alert()或者通过console.log()把需要的内容弹出或者将结果打印到控制台上。这种方式对于小型的JS脚本调试比较方便。RN中提供了Chrome的强大的开发者工具的支持，可以很好对JS脚本进行断点设置和调试功能。这些调试和断点的设置事实上和java等这些非脚本语言的调试方式类似。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木头杨x

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值