navigator.sendBeancon方法简介

之所以介绍这个还在草案中的方法，是源于最近新做的一个活动。该活动有个需求，就是用户离开该页面的某个时间段之后，发个请求给该用户送券。后来是通过setTimeout来做的，用户离开该页面，该页面进入后台。这时在页面中设置的定时器依然是有效的，但是不同手机对这个有效时间的兼容性不一样，有长有短。safari浏览器则是暂停的。

navigator.sendBeacon() 方法可以用来从用户代理向服务器异步地发送小的HTTP数据。这个方法目前还在实验阶段，暂时还无法使用在项目当中。就算不用考虑兼容性，使用场景也比较少。这个方法主要用于满足统计和诊断代码的需要，通常尝试在卸载（unload）文档之前向web服务器发送数据，同时并不会延迟页面的卸载或影响下一导航的载入性能。

简单的例子如下：

window.addEventListener('unload', logData, false);

function logData() {
    navigator.sendBeacon("/log", analyticsData);
}

详细的介绍参考链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/sendBeacon#Browser_compatibility

以上都是在页面离开，或页面进入后台时可以调用的一些方法的简单整理。如有问题或是其他可用的方法欢迎留言。

 

转载于:https://www.cnblogs.com/zourong/p/5436477.html