在线串口 / 蓝牙 / WebSocket 调试工具
免安装、浏览器即用的极简通信调试平台。串口、蓝牙、WebSocket 三合一,实时收发 + 关键词染色 + 数据提取。
- GitHub:https://github.com/createskyblue/web-serial-monitor
- 在线使用:https://createskyblue.github.io/web-serial-monitor

| 快捷发送 | 染色和提取 |
|---|---|
![]() |
![]() |
🚀 王炸特性
三种通信模式
- 串口 — Web Serial API,免驱动,Chrome/Edge 直接开用
- WebSocket — 网络透传/远程串口(需本地部署,见下方说明)
- 蓝牙 BLE — Web Bluetooth API,UUID16 / 完整 UUID,TX/RX 双特征
关键词染色 + 提取
- 填「起始 + 结束」→ 区间模式:染色该区间 + 提取区间内容
- 只填「起始」→ 关键词模式:高亮关键词 + 提取出现时间
- Text / HEX 双模式匹配,提取结果自动锁存,不被新数据挤丢
专业调试细节
- 显示:文本 / HEX / 同窗(文本|HEX 左右对照),Tab 一键切换
- 三折叠:左侧栏、右侧栏、发送区都可折叠,整个应用能缩成一个小窗口,不占地方
- 流控:DTR / RTS 手动控制,连接前可预置初始状态
- 智能自动滚动:检测到你在底部才跟随,上翻历史不被拉扯
- 收发:定时发送、文件发送(RAW / YModem)、快捷发送列表
- 管理:缓冲区保护、导出 TXT/BIN、一键复制、配置导入导出、清屏
⌨️ 快捷键
Tab— 切换显示模式(文本 / HEX / 同窗)p— 连接 / 断开c— 清屏Ctrl+Enter/Cmd+Enter— 发送[/]— 折叠/展开左右侧栏'— 折叠/展开发送区
🛠 快速开始
npm install
npm run dev # 本地开发
npm run build # 生产构建,部署 dist/ 目录即可⚠️ 注意
- 串口 / 蓝牙要求 HTTPS 或 localhost(浏览器安全限制)
- WebSocket 模式需本地部署:页面在 HTTPS 下只能连安全的 wss://;要连普通 ws:// 本地/局域网服务,请把本工具跑在 localhost 上(
npm run dev或npm run build后本地托管) - 建议使用 Chrome / Edge

