W3C 工作組也想到了這個(gè)問題魁瞪，提出了 Beacon API的 草案布持。
Beacon API 允許開發(fā)者發(fā)送少量錯(cuò)誤分析和上報(bào)的信息，它的特點(diǎn)很明顯：
- 在空閑的時(shí)候異步發(fā)送統(tǒng)計(jì)，不影響頁(yè)面諸如 JS、CSS Animation 等執(zhí)行
- 即使頁(yè)面在 unload 狀態(tài)下义郑，也會(huì)異步發(fā)送統(tǒng)計(jì)，不影響頁(yè)面過渡/跳轉(zhuǎn)到下跳頁(yè)
- 能夠被客戶端優(yōu)化發(fā)送丈钙，尤其在 Mobile 環(huán)境下非驮，可以將 Beacon 請(qǐng)求合并到其他請(qǐng)求上，一同處理
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)端使用場(chǎng)景俏橘，當(dāng)用戶從瀏覽器切換到其他 app 界面或者 Home 屏的時(shí)候允华，部分瀏覽器默認(rèn)會(huì)停止頁(yè)面腳本的執(zhí)行，如果在這個(gè)時(shí)候使用了 unload 時(shí)間敷矫，可能會(huì)讓你失望例获，因?yàn)?unload 事件并不會(huì)觸發(fā)，此時(shí)曹仗，Beacon就派上用途了榨汤，它是不會(huì)受影響的。
文章摘自：云棲社區(qū)
