微信链接重定向之后后退两次才能退出当前页面问题解决

本文介绍如何解决微信中多个H5页面分享到同一链接后,用户需要连续点击后退才能退出的问题。通过前端实现,在页面重定向后添加一个空的浏览记录'#',并监听popstate事件,当返回到该#链接时调用微信JS-SDK的closeWindow方法关闭浏览器,从而实现一次后退即可退出。
摘要由CSDN通过智能技术生成

需求:微信内多个H5页面分享出去指定到同一链接

具体实现方式:纯前端实现多个微信H5页面分享出去指定到同一连接


页面重定向之后发现在微信里点击后退之后,又会重新返回这个页面,必须要连续快速的点击返回才能退出关闭浏览器,

这个用户体验就非常不好,

我们可以手动给浏览器新加一条空的浏览记录‘#’,

然后监控这个#链接,当返回到这个链接的时候,说明用户已经做了后退操作,然后调用微信的jsdk方法来关闭微信浏览器,

这样就实现了点击一次后退就直接退出;


$(function(){
    pushHistory(); 
window.addEventListener("popstate", function(e) { 
wx.closeWindow();
}, false); 
function pushHistory() { 

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值