在线串口工具 支持关键词 染色 提取 三折叠

在线串口 / 蓝牙 / 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