Fetch keepalive 分析与上报可靠性实践

概述`keepalive` 允许轻量请求在页面卸载时继续发送。本文提供上报封装与注意事项。上报封装function report(url, payload) { return fetch(url, { method:'POST', body: JSON.stringify(payload), headers: { 'Content-Type':'application/json' }, keepalive: true }).then(() => true).catch(() => false); } addEventListener('pagehide', () => report('/metrics', { ts: Date.now(), event:'pagehide' })); 注意事项受浏览器实现与大小限制影响，适用于小体积上报；大体量使用队列与后台回放。