W3C 工作組也想到了這個(gè)問題，提出了 Beacon API的 草案。
Beacon API 允許開發(fā)者發(fā)送少量錯(cuò)誤分析和上報(bào)的信息，它的特點(diǎn)很明顯：
- 在空閑的時(shí)候異步發(fā)送統(tǒng)計(jì)，不影響頁面諸如 JS、CSS Animation 等執(zhí)行
- 即使頁面在 unload 狀態(tài)下，也會(huì)異步發(fā)送統(tǒng)計(jì)，不影響頁面過渡/跳轉(zhuǎn)到下跳頁
- 能夠被客戶端優(yōu)化發(fā)送，尤其在 Mobile 環(huán)境下，可以將 Beacon 請求合并到其他請求上，一同處理
sendBeacon 函數(shù)掛在在 navigator 上，在 unload 之前，這個(gè)函數(shù)一定是被初始化了的。其使用方式為：
window.addEventListener('unload', function(event) {
navigator.sendBeacon('/collector', data);
});
navigator.sendBeacon(url, data); 第一個(gè)參數(shù)為數(shù)據(jù)上報(bào)的地址，第二個(gè)參數(shù)為要發(fā)送的數(shù)據(jù)，支持的數(shù)據(jù)格式有：ArrayBufferView, Blob, DOMString, 和 FormData。
Beacon還有一個(gè)非常實(shí)用的移動(dòng)端使用場景，當(dāng)用戶從瀏覽器切換到其他 app 界面或者 Home 屏的時(shí)候，部分瀏覽器默認(rèn)會(huì)停止頁面腳本的執(zhí)行，如果在這個(gè)時(shí)候使用了 unload 時(shí)間，可能會(huì)讓你失望，因?yàn)?unload 事件并不會(huì)觸發(fā)，此時(shí)，Beacon就派上用途了，它是不會(huì)受影響的。
文章摘自：云棲社區(qū)
