Android手机监控平台产品系统Vibe Coding

一款面向安卓设备的实时性能监控平台，通过 ADB（Android Debug Bridge）协议与手机建立通信连接，在浏览器中以可视化方式呈现设备的 CPU、内存、电池、温度等核心性能指标，并提供进程监控、屏幕实时预览、性能录制与回放等功能

01 零依赖，开箱即用
无需在手机上安装任何 Agent 或应用。只需开启手机"USB 调试"，平台通过标准 ADB 协议直接读取系统底层数据（/proc/stat、/proc/meminfo、dumpsys 等），无侵入、无性能损耗。

02 纯浏览器操作，跨平台访问
前端为纯 HTML/CSS/JS，任意浏览器均可打开。服务部署在局域网后，团队所有成员无需安装客户端，直接通过 URL 即可查看设备状态。Windows / macOS / Linux 均支持。

03 WebSocket 实时双向推送
采用 WebSocket 长连接 + HTTP 轮询双通道机制。设备数据变更（设备上下线、新指标）由服务端主动推送到前端，延迟 < 100ms，无需刷新页面。

04 实时波形图，趋势一目了然
每个指标卡片底部内嵌实时折线波形图（Chart.js），保留最近 60 个数据点（约 2 分钟窗口）。CPU 蓝 / 内存紫 / 电池绿 / 温度橙，颜色语义一致，快速识别异常趋势。

05 性能录制与历史回放
一键「开始记录」即可采集任意时长的性能快照序列。停止后自动生成记录卡片，包含平均值/峰值/低谷统计以及 2×2 迷你历史图表，支持 JSON 导出用于离线分析。记录持久化在浏览器本地，关闭页面不丢失。

06 智能颜色阈值预警
各指标设置独立阈值：CPU 超 50% 变黄、超 80% 变红；内存超 70% 变黄、超 90% 变红；电池电量低预警；温度超 45°C 变黄、超 55°C 变红。直观感知设备压力，无需盯数字。

07 屏幕实时预览
直接在监控面板中查看设备当前屏幕（1 FPS 截图流），无需额外工具，适合远程确认手机当前状态。

08 多设备并行管理
支持同时接入多台 Android 设备（USB 或 WiFi ADB），设备列表实时更新上下线状态，支持为每台设备设

设备管理器（device_manager.py）
负责设备生命周期管理：定期执行 adb devices -l 扫描在线设备，维护设备状态机（online / offline / unauthorized），通过事件系统（add_listener）向其他模块广播设备上下线事件。支持设备别名和标签的 CRUD 操作。

性能采集器（collector.py）
每台设备对应一个独立的 PerformanceCollector 实例，采集周期默认 2 秒。各指标并发采集（asyncio.gather），互不阻塞：
•CPU：读取 /proc/stat 两次差分计算，精准反映区间 CPU 利用率；同时读取各核心频率
•内存：解析 /proc/meminfo，计算实际使用量（Total - Available）
•电池：解析 dumpsys battery，提取电量、状态、温度、电压
•温度：读取 thermal_zone*/temp，转换毫摄氏度单位，并从 dumpsys battery 补充电池温度
•网络：读取 /proc/net/dev，计算相邻两次采样的流量速率
•存储：df /data 获取内部存储使用情况
•进程：top -bn1 -m 60 + 正则解析固定列格式，支持 G/M/K 单位内存

WebSocket 管理器（websocket.py）
维护前端长连接列表，支持按设备序列号订阅过滤。采集器采集到新数据后，通过回调触发 notify_metrics，将 JSON 数据广播给订阅了该设备的所有前端连接。同时处理设备上下线事件通知。

前端状态机（app.js）
维护全局 state 对象，包含设备列表、当前监控设备、历史数据缓冲、Chart.js 实例、录制状态等。关键函数链路：
•openMonitor(serial) → initCharts() →