站内搜索:
首页 >> 前端 >> 内容
微信链接重定向之后后退两次才能退出当前页面问题的解决办法

时间:2018/3/28 11:39:26

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

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

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

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

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

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

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

$(function(){
    pushHistory(); 
window.addEventListener("popstate", function(e) { 
wx.closeWindow();
}, false); 
function pushHistory() { 
var state = { 
title: "title", 
url: "#"
}; 
window.history.pushState(state, "title", "#"); 
} 

})

  • 上一篇:实现垂直居中的几种方法介绍
  • 下一篇:知乎上解决forclick问题的方法:闭包,同步异步操作,变量作用域
  • 返回顶部