在线串口调试工具

核心 API：Web Serial API

本工具基于 Web Serial API 构建，该 API 提供了通过浏览器访问串口的 JavaScript 接口。

主要特性：

• 无需安装驱动或插件，浏览器原生支持串口访问
• 支持多种串口配置（波特率、数据位、校验位、停止位、流控制）
• 使用 Readable/Writable Streams 进行双向数据通信
• 基于 Promise 和 async/await 的异步操作

实现步骤

const port = await navigator.serial.requestPort();

await port.open({
  baudRate: 9600,
  dataBits: 8,
  parity: 'none',
  stopBits: 1,
  flowControl: 'none'
});

const reader = port.readable.getReader();
while (true) {
  const { value, done } = await reader.read();
  if (done) break;
  // 处理接收到的数据（Uint8Array）
  const text = new TextDecoder().decode(value);
}

const writer = port.writable.getWriter();
const encoder = new TextEncoder();
const data = encoder.encode('Hello Serial!');
await writer.write(data);

await reader.cancel();
await reader.releaseLock();
await writer.releaseLock();
await port.close();

使用的关键 API

• navigator.serial.requestPort() - 请求用户选择串口
• port.open(options) - 以指定配置打开串口
• port.readable.getReader() - 获取读取流的 reader
• port.writable.getWriter() - 获取写入流的 writer
• reader.read() - 从串口读取数据
• writer.write(data) - 向串口写入数据
• TextDecoder / TextEncoder - 字符串与字节数组的转换
• port.addEventListener('disconnect') - 监听设备断开事件