WebUSB 设备数据采集与 IndexedDB 持久化实践

概述WebUSB 允许浏览器访问 USB 设备。本文展示最小的设备连接、端点读取与持久化流程。能力检测与连接const supportsUSB = !!navigator.usb; async function connectUSB(filters = [{ vendorId: 0x2341 }]) { if (!supportsUSB) throw new Error('unsupported'); const dev = await navigator.usb.requestDevice({ filters }); await dev.open(); if (dev.configuration === null) await dev.selectConfiguration(1); await dev.claimInterface(0); return dev; } 读取循环与持久化function openDB(name) { return new Promise((resolve, reject) => { const r = indexedDB.open(name, 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('usb')) db.createObjectStore('usb', { autoIncrement: true }); }; r.onsuccess = () => resolve(r.result); r.onerror = () => reject(r.error); }); } async function saveBytes(bytes) { const db = await openDB('usbdb'); const tx = db.transaction('usb','readwrite'); tx.objectStore('usb').add(Array.from(bytes)); await new Promise((res, rej) => { tx.oncomplete = res; tx.onerror = () => rej(tx.error); }); db.close(); } async function readLoop(dev, endpoint = 1) { while (true) { const res = await dev.transferIn(endpoint, 64); if (res.status !== 'ok' || !res.data) break; const view = new Uint8Array(res.data.buffer); await saveBytes(view); } }