vue
ts
naive-ui
tauri
license
commits
stars
- 可视化任务执行流程
- 节点状态实时展示
- 识别与动作详情查看
- 多任务标签页切换
- 节点导航 - 快速跳转到任意节点
- 虚拟滚动 - 支持大量节点的日志文件
- 支持
maa.log格式(maafw版本v5.3及以上)
- 全文搜索(支持正则表达式)
- 大文件流式加载
- 快捷搜索选项
- 搜索历史管理
- 上下文显示
- 🌓 深色/浅色主题切换
↕️ 分屏模式(同时查看分析和搜索)- 📱 响应式布局
- ⚡ 流畅动画效果
- 🎯 智能面板折叠
- 🚀 性能优化 - 低内存占用,快速响应
日志分析界面
日志分析 - 可视化任务执行流程
文本搜索界面
文本搜索 - 全文搜索功能
分屏模式 - 同时分析和搜索
- 点击"日志分析"模式
- 上传
maa.log文件 - 查看任务执行流程
- 点击节点查看详情
- 点击操作按钮查看识别/动作信息
- 点击"文本搜索"模式
- 选择日志文件
- 输入搜索关键词或使用快捷搜索
- 查看搜索结果
- 点击结果查看上下文
- 点击"分屏模式"
- 上半部分:日志分析
- 下半部分:文本搜索
- 同时操作两个功能
经过优化,应用在处理大型日志文件时表现良好:
| 性能指标 | 优化前 | 优化后 | 改进 |
|---|---|---|---|
| INP (交互响应) | 928ms | 约 170ms | ✅ 显著提升 |
| 内存占用 | ~1GB | 约 200MB | ✅ 大幅降低 |
| DOM 节点数 | 数百个 | 10-15个 | ✅ 虚拟滚动 |
注:以上数据基于特定测试环境,实际性能可能因日志大小和设备配置而异。
- 只渲染可见区域的节点
- 支持动态高度自适应
- 减少 DOM 节点数量
- 提升大日志文件的处理能力
- 字符串池去重技术
- 分块异步解析
- 响应式数据优化
- 减少内存占用
- 小文件 (< 5MB): 直接加载,全功能
- 大文件 (≥ 5MB): 流式加载,降低内存占用
- 超大文件 (100MB+): 边读边搜,避免内存溢出
- 大量节点: 虚拟滚动优化
- 快速响应 - 优化交互延迟
- 低内存占用 - 适合长时间使用
- 流畅滚动 - 虚拟滚动技术
- 快速导航 - 一键跳转任意节点
pnpm install
pnpm dev
浏览器自动打开 http://localhost:5173
# Web 版本 pnpm build # Tauri 桌面应用 pnpm tauri:dev # 开发 pnpm tauri:build # 打包
- Vue 3 - 渐进式 JavaScript 框架
- TypeScript - 类型安全开发
- Naive UI - Vue 3 组件库
- vue-virtual-scroller - 虚拟滚动优化
- Vite - 快速构建工具
- Tauri - 跨平台桌面应用框架
maa-log-analyzer/
├── src/
│ ├── components/ # 可复用组件
│ │ └── NodeCard.vue # 节点卡片组件
│ ├── views/ # 页面级组件
│ │ ├── ProcessView.vue # 日志分析视图
│ │ ├── DetailView.vue # 详情展示视图
│ │ └── TextSearchView.vue # 文本搜索视图
│ ├── utils/ # 工具函数
│ │ ├── logParser.ts # 日志解析器
│ │ ├── fileDialog.ts # Tauri 文件对话框
│ │ └── errorHandler.ts # 错误处理工具
│ ├── types.ts # TypeScript 类型定义
│ ├── Index.vue # 主组件 (主题管理)
│ ├── App.vue # 主应用组件
│ ├── main.ts # 应用入口
│ ├── style.css # 全局样式
│ └── global.d.ts # 全局类型声明
├── src-tauri/ # Tauri 后端配置
│ ├── src/main.rs # Rust 入口文件
│ ├── Cargo.toml # Rust 依赖配置
│ └── tauri.conf.json # Tauri 应用配置
├── scripts/ # 构建和发布脚本
│ ├── bump-version.js # 版本更新脚本
│ ├── bump-version.ps1 # PowerShell 版本脚本
│ └── bump-version.bat # Windows 批处理脚本
├── img/ # 项目截图
├── index.html # HTML 模板
├── vite.config.ts # Vite 构建配置
├── package.json # Node.js 依赖配置
├── tsconfig.json # TypeScript 配置
└── README.md
- 组件化设计: 每个功能模块独立组件,便于维护和复用
- 类型安全: 完整的 TypeScript 类型定义
- 跨平台支持: 使用 Tauri 支持 Windows/macOS/Linux
- 主题系统: 内置深色/浅色主题切换
- 自动化构建: GitHub Actions 多平台自动构建和发布
MIT License
- MaaFramework - 自动化框架
- maa-support-extension - 界面设计导师
- M9A - 最佳实践
感谢以下开发者对 MaaLogAnalyzer 作出的贡献:
MaaFramework 开发交流 QQ 群:595990173
欢迎开发者加入官方 QQ 群,交流集成与开发实践。群内仅讨论开发相关议题。