核心提示:需求:微信内多个H5页面分享出去指定到同一链接具体实现方式:纯前端实现多个微信H5页面分享出去指定到同一连接;页面重定向之后发现在微信里点击后退之后,又会重新返回这个页面,必须要连续快速的点击返回才能...
需求:微信内多个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", "#"); } })