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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值