Beacon API 可靠日志上报与持久化回退

`title: Beacon API 可靠日志上报与持久化回退``categories: Web 开发/前端/数据管理``keywords: Beacon API,keepalive,日志,持久化,IndexedDB``description: 使用 Beacon API 在卸载阶段可靠上报日志与统计，失败或不支持时回退到 IndexedDB 队列与下次会话重放，提升采集稳定性。`上报与回退function sendBeaconJSON(url, data) { const blob = new Blob([JSON.stringify(data)], { type: 'application/json' }); const ok = navigator.sendBeacon(url, blob); return ok; } async function enqueueIfFail(db, url, data) { const ok = sendBeaconJSON(url, data); if (!ok) { await new Promise((resolve, reject) => { const tx = db.transaction('beacons', 'readwrite'); tx.objectStore('beacons').put({ id: crypto.randomUUID(), url, data, ts: Date.now() }); tx.oncomplete = () => resolve(); tx.onerror = () => reject(tx.error); }); } }