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

概述WebHID 为浏览器提供访问 HID 设备的能力。本文展示连接设备并订阅输入报告事件，持久化到本地数据库。能力检测与连接const supportsHID = !!navigator.hid; async function connectHID(filters = [{ vendorId: 0x046d }]) { if (!supportsHID) throw new Error('unsupported'); const devices = await navigator.hid.requestDevice({ filters }); for (const dev of devices) { if (!dev.opened) await dev.open(); } return devices[0]; } 订阅输入报告与持久化function openDB(name) { return new Promise((resolve, reject) => { const r = indexedDB.open(name, 1); r.onupgradeneeded = () => { const db = r.result; if (!db.objectStoreNames.contains('hid')) db.createObjectStore('hid', { autoIncrement: true }); }; r.onsuccess = () => resolve(r.result); r.onerror = () => reject(r.error); }); } async function saveReport(data) { const db = await openDB('hiddb'); const tx = db.transaction('hid','readwrite'); tx.objectStore('hid').add(Array.from(data)); await new Promise((res, rej) => { tx.oncomplete = res; tx.onerror = () => rej(tx.error); }); db.close(); } async function subscribeReports(dev) { dev.addEventListener('inputreport', async (e) => { const bytes = new Uint8Array(e.data.buffer); await saveReport(bytes); }); }