uniapp 日志
uniapp 日志管理方法
使用 console.log 输出日志
在 uniapp 开发中，可以使用 console.log 打印日志，日志会输出到浏览器的控制台或微信开发者工具的调试面板。适用于调试变量、函数执行流程等基础场景。
console.log('当前页面路径:', this.$route.path);配置 manifest.json 开启详细日志
在项目的 manifest.json 文件中，通过设置 "debug" 选项开启更详细的日志输出。适用于需要查看底层运行信息的场景。
{
"mp-weixin": {
"debug": true
}
}使用 uni.getLogManager 管理日志
微信小程序平台支持通过 uni.getLogManager 获取日志管理器，可记录用户操作日志并上传至服务器。适用于生产环境问题追踪。
const logger = uni.getLogManager({ level: 1 });
logger.log('用户点击按钮', { time: new Date() });自定义日志模块
封装日志工具类，实现分级日志（如 debug/info/error）和本地存储功能。适用于需要长期保留日志的场景。
class Logger {
static error(msg) {
uni.showToast({ title: msg, icon: 'none' });
console.error('[ERROR]', msg);
}
}
Logger.error('网络请求失败');日志查看工具
开发环境查看
- H5 端：浏览器开发者工具（F12）的 Console 面板
- 小程序：微信开发者工具的调试器 Console 面板
- App 端：Android 使用 Logcat，iOS 使用 Xcode 控制台
真机调试日志
通过 uni.startLogService 启动实时日志，在手机端查看运行日志。需在 manifest 中配置 debug 模式开启。
日志上传与分析
uni.reportMonitor 上报关键指标
用于统计页面加载时间等性能数据，日志会上传到 uni 统计平台。
uni.reportMonitor('page_load', 350);第三方日志服务集成
可接入 Sentry 或 Fundebug 等专业日志服务，通过 npm 安装对应 SDK 实现错误监控。
注意事项
- 生产环境应关闭 debug 模式避免性能损耗
- 敏感信息需脱敏处理后再记录日志
- iOS 应用上架需移除 console.log 语句以减少包体积
