Web Serial 数据采集与 IndexedDB 持久化实践

概述Web Serial 允许在浏览器中读取设备串口数据。本文展示采集到本地持久化的最小路径。能力检测与连接const supportsSerial = !!navigator.serial; async function connectSerial() { const port = await navigator.serial.requestPort(); await port.open({ baudRate: 9600 }); return port; } async function readLoop(port, onChunk) { const reader = port.readable.getReader(); try { while (true) { const { value, done } = await reader.read(); if (done) break; if (value) onChunk(value); } } finally { reader.releaseLock(); } } IndexedDB 持久化function openDB(name) { return new Promise((resolve, reject) => { const r = indexedDB.open(name, 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('samples')) db.createObjectStore('samples', { autoIncrement: true }); }; r.onsuccess = () => resolve(r.result); r.onerror = () => reject(r.error); }); } async function saveSample(bytes) { const db = await openDB('serial'); const tx = db.transaction('samples', 'readwrite'); tx.objectStore('samples').add(Array.from(bytes)); await new Promise((resolve, reject) => { tx.oncomplete = resolve; tx.onerror = () => reject(tx.error); }); db.close(); }