串口实时绘图仪
浏览器原生串口实时数据可视化工具，基于 Web Serial API，无需驱动无需安装，Chrome/Edge 浏览器即可直接连接串口设备。支持多通道实时折线图（自动解析 ch1:1.23,ch2:4.56 格式）、文本终端显示原始数据流、暂停/继续采集、数据导出为 CSV 文件。适合 Arduino、ESP32、STM32 等嵌入式设备调试场景。
浏览器不支持 Web Serial API
请使用 Chrome 89+ 或 Edge 89+ 打开本工具
Firefox 和 Safari 暂不支持串口访问
使用说明
- 使用 Chrome 或 Edge 浏览器打开本工具页面
- 在下拉菜单中选择与设备匹配的波特率（默认115200）
- 点击绿色连接串口按钮，浏览器弹出串口选择对话框
- 在对话框中选择你的串口设备后点击连接，设备开始发送数据
- 上方图表区实时显示多通道折线图，下方终端区显示原始数据流，可随时暂停查看或用导出CSV下载数据
核心功能
- 1多通道实时绘图基于lightweight-charts高性能图表库，支持最多8个通道同时显示实时折线图，每通道独立颜色标识，数据点随时间推进自动滚动，适合同时监控温度、湿度、转速等多个传感器参数
- 2命名通道智能解析自动识别串口数据中的通道名称，支持speed:1.23或rpm=456格式的命名参数，也兼容逗号、空格、制表符分隔的纯数值格式，未命名通道自动分配ch1、ch2等标识符
- 3原始数据终端显示集成xterm.js终端模拟器，在图表下方实时打印原始串口数据流，支持ANSI颜色转义序列，可回看最近2000行历史记录，方便对照图表进行数据校验和通信协议调试
- 4一键导出CSV数据将采集过程中所有数据点按时间戳和通道维度自动汇整为CSV文件并下载，不同通道数据自动对齐到同一时间点，可用Excel或Python直接打开进行离线分析和报告制作
- 5暂停继续灵活控制提供暂停和继续按钮，可在数据采集过程中随时冻结图表更新以仔细查看某段波形特征，松开暂停后恢复实时绘图，缓冲区数据不会丢失，避免错过关键数据变化
适用场景
工具优势
常见问题
Q: 为什么Firefox和Safari浏览器不能使用？
A: 本工具基于Web Serial API实现串口通信，目前该API仅Chrome 89及以上版本和Edge 89及以上版本支持，Firefox和Safari尚未实现该标准。如需使用，请下载最新版Chrome或Edge浏览器，无需额外安装驱动或插件
Q: 串口数据应该用什么格式发送？
A: 本工具支持三种数据格式：一是命名通道格式如speed:1.23,rpm:4.56，使用冒号或等号分隔通道名和数值；二是逗号分隔纯数值如1.23,4.56,7.89，自动分配ch1/ch2/ch3作为通道名；三是空格或制表符分隔数值。支持科学计数法如1.23e-4，每条数据占一行用换行符分隔
Q: 串口采集的数据会被上传到服务器吗？
A: 不会，本工具完全在浏览器本地运行，所有串口数据的接收、解析、绘图和导出均在用户电脑上完成，不会通过网络上传到任何服务器。您的传感器数据和设备参数始终保存在本地，确保数据隐私和项目安全
Q: Arduino连接时波特率应该怎么设置？
A: 本工具支持300到921600共12档常用波特率，默认值为115200适合大多数ESP32项目。Arduino Uno常用9600，Arduino Leonardo常用115200，Arduino Mega支持250000。连接前确保Arduino IDE的串口监视器已关闭避免端口占用，选择与Arduino代码中Serial.begin()一致的波特率即可