首页 前端知识 h5 如何监听微信左上角关闭按钮

h5 如何监听微信左上角关闭按钮

2024-09-14 23:09:06 前端知识 前端哥 416 331 我要收藏

最近项目里有个新的需求,在微信里打开的H5网页,要获取到用户退出页面的事件。经过对visibilitychange、 unload/pagehide 、onunload、popstate各种方法一阵测试,发现安卓里visibilitychange能监听到关闭事件。而iOS里使用pagehide能监听。

但是监听到关闭事件并不是终点,还要在用户退出时候向后台发送数据请求。这时,安卓里能正常发送ajax,iOS里却失效。原因是xhr请求是异步发送,很可能在它即将发送的时候,页面已经关闭,从而导致发送取消或者发送失败。

事实证明,iOS里还是无效。?然后,经过多方调阅资料,发现navigator.sendBeacon(URL,data)神器。url 就是上报地址,data 可以是 ArrayBufferView,Blob,DOMString 或 Formdata。sendBeacon发出的是异步请求,但是请求是作为浏览器任务执行的,与当前页面是脱钩的。那么在iOS端尝试运行,代码如下。

var u = nav

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18318.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!