navigator.sendBeacon

最新推荐文章于 2024-06-09 10:00:13 发布
最新推荐文章于 2024-06-09 10:00:13 发布
阅读量620 收藏
点赞数
文章标签： 后端
原文链接：http://www.cnblogs.com/zmiaozzz/p/6675126.html
版权 
navigator.sendBeacon(url, data)

用于向服务器异步发送小的HTTP数据。主要用于满足统计和诊断代码的需要。

  • 默认是发post请求，后端需要能够post接收数据
  • Beacon API不提供相应的回调，因此后端返回最好省略response body，（例如，204 No Content）
  • navigator.sendBeacon()之后的代码可以执行

 

转载于:https://www.cnblogs.com/zmiaozzz/p/6675126.html

weixin_30512043
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
sendBeacon:在离开页面之前使用 navigator.sendBeacon 提交内容
07-08
发送信标 在离开页面之前使用 navigator.sendBeacon 提交内容。 与文章有关
react-navigator:在React Native中使用ReactNavigator
04-30
在React Native中使用ReactNavigator锻炼目标知道如何使用React Navigator库中的组件，例如TabNavigator，StackNavigator 了解使用StackNavigator，TabNavigator时如何传输数据另外，为了方便起见，知道如何划分组件...
网络-navigator.sendBeacon
smz的博客
10-11 2171
navigator.sendBeacon 是一个方便的浏览器 API，用于在页面卸载或关闭时发送异步请求，适用于发送统计数据、日志记录、表单提交等场景。
使用`navigator.sendBeacon`实现数据无损发送的完美解决方案
最新发布
gitblog_00028的博客
06-09 238
使用navigator.sendBeacon实现数据无损发送的完美解决方案 项目地址:https://gitcode.com/miguelmota/Navigator.sendBeacon 在现代Web开发中，数据跟踪和遥测的重要性不言而喻。但是，浏览器间的兼容性问题常常阻碍着我们高效地收集这些关键信息。现在，有了navigator.sendBeacon的polyfill库，这个问题迎刃而解。 1...
Navigator.sendBeacon()
飞翔的熊blabla
05-13 6195
navigator.sendBeacon()方法可用于通过HTTP将少量数据异步传输到Web服务器。 语法 navigator.sendBeacon(url, data); 参数 url url参数表明data将要被发送到的网络地址。 data data参数是将要发送的ArrayBufferView或Blob,DOMString或者FormData类型的数据。 返回值 当用户代理成功把数据加入传输队列时，sendBeacon()方法将会返回true，否则返回...
用navigator.sendBeacon完成网页埋点异步请求记录用户行为，当网页关闭的时候，依然后完美完成接口请求，不会因为浏览器关闭了被中断请求。
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
01-26 602
【代码】用navigator.sendBeacon完成网页埋点异步请求记录用户行为，当网页选项卡关闭的时候，依然后完美完成接口请求，不会因为浏览器选项卡关闭了被中断请求。
页面关闭时发起接口请求--Navigator.sendBeacon
weixin_45229447的博客
10-29 1744
使用Navigator.sendBeacon(url,data) 发送页面关闭时的接口请求 在项目中遇见需要在页面关闭时发送请求以获得用户关闭时间计算出用户浏览时长 首先是使用 window.$.ajax 方法正常发送请求，但是async:false的情况下接口报错 NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load xxxx(具体原因可百度)，将async设置为true则时而无法请求成功，这是因为如果请求是异
信标支持
02-19
例如，可以监听`beforeunload`或`unload`事件，在这些事件触发时调用`navigator.sendBeacon()`。 `navigator.sendBeacon()`的工作原理如下： 1. 数据以小量的二进制或文本形式传递，通常不超过64KB。 2. 请求类型...
系统安全漏洞分析.pptx
10-13
在Mozilla基金会的安全公告中可以找到类似问题的案例，例如Bug 1111834涉及navigator.sendBeacon方法的跨源限制绕过，Bug 1164397涉及到Service Workers的缓存数据中起源混淆，以及Bug 1196740涉及到跨源资源共享...
beacon-send:Beacon API 的 Web 组件
05-29
要使用Beacon API，首先需要创建一个`navigator.sendBeacon()`方法调用。这个方法接受两个参数：URL（数据接收端点）和数据（通常是`Blob`、`ArrayBuffer`或`FormData`对象）。以下是一个简单的示例： ```...
监听微信浏览器关闭发送请求给后台的方法navigator.sendBeacon
weixin_43837268的博客
07-17 2085
1.监听微信页面关闭方法 //安卓端 window.onunload = function() {} //iOS端 window.addEventListener("pagehide", function() {} 2.使用navigator.sendBeacon，浏览器引入了Navigator.sendBeacon()方法。这个方法还是异步发出请求，但是请求与当前页面脱钩，作为浏览器的任务，因此可以保证会把数据发出去，不拖延卸载流程。 // 测试接口 let parames = {
Navigator.sendBeacon() 学习记录（埋点、统计、诊断代码时使用）
柑橘乌云_
08-01 509
navigator.sendBeacon() 方法可用于通过HTTP将少量数据异步传输到Web服务器。
温故而知新 前端日志上传新姿势 navigator.sendBeacon（信标）
weixin_33872660的博客
11-07 527
原文地址：https://mp.weixin.qq.com/s/-moAfEZicrFmun4qfWLdOQ   简单示例js： var data = JSON.stringify({ name: 'Berwin' }); navigator.sendBeacon('http://localhost:80/index.php', data)   简单php示例： 由于是信标发送的 POST...
navigator.sendBeancon方法简介
weixin_30849591的博客
04-26 858
之所以介绍这个还在草案中的方法，是源于最近新做的一个活动。该活动有个需求，就是用户离开该页面的某个时间段之后，发个请求给该用户送券。后来是通过setTimeout来做的，用户离开该页面，该页面进入后台。这时在页面中设置的定时器依然是有效的，但是不同手机对这个有效时间的兼容性不一样，有长有短。safari浏览器则是暂停的。 navigator.sendBeacon()方法可以用来从用户代理向服务...
html5统计数据上报API:SendBeacon
weixin_33877092的博客
06-13 373
公司为了精准的了解自己产品的用户使用情况，通常会对用户数据进行统计分析，获取pv、uv、页面留存率、访问设备等信息。与之相关的就是客户端的数据采集，然后上报的服务端。为了保证数据的准确性，就需要保证数据上报不会有差错。 常见方案缺陷 数据发回服务器的常见做法是，将收集好的用户数据，放在unload事件里面，用 AJAX 请求发回服务器。但是这种方法有个弊端，因为AJAX通常应用的场景是异步...
Navigator.sendBeacon 无阻塞发送统计数据
青天诀的专栏
10-28 7954
业务场景 当用户关闭浏览器、刷新浏览器或者跳转其他页面时，向服务器发送一些统计数据。 常规方案 1. 直接发送 xhr 请求 我们会优先想到监听页面的unload或者beforeunload事件，在事件回调里使用XMLHttpRequest发送异步请求。 但是由于是xhr请求是异步发送，很可能在它即将发送的时候，页面已经卸载了，从而导致发送取消或者发送失败。异步请求响应返回后，由于页面和相关资...
发送请求_sendBeacon发送统计请求
weixin_39538789的博客
01-15 707
这是《每周杂记》的第11篇日常记录，欢迎留言讨论。navigator.sendBeacon API，caniuse上看到已有94%的浏览器支持。其使用POST方式发送请求，支持跨域，允许cookie发送(第三方cookie的发送限制跟浏览器其他请求保持一致)；是很合适的埋点/统计上报方式，不需要处理返回数据；异步，不阻塞。proxy_hide_headerCache-Control;...
navigator.sendBeacon()
06-07
`navigator.sendBeacon()` 是一个用于浏览器端发送数据的 API。它可以在浏览器关闭或者页面卸载的时候，后台自动发送数据，不会阻塞页面的卸载和关闭。这个 API 接收两个参数，第一个参数是要发送的数据的 URL，第二...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值