微信公众号开发时,在IOS系统下点击返回按钮,发现返回后的页面是没有经过刷新的,虽然这样是有好处,不用再重新请求页面数据,但是很多时候我们是需要重新去请求页面数据的。
首先我们需要监听手机的系统,然后在监听返回事件,当用户点击返回按钮后,将页面进行强制刷新,代码如下
var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > -1) {//苹果手机
window.onload = function () {
setTimeout(() => {
window.addEventListener("popstate", function (e) {
// alert("我监听到了浏览器的返回按钮事件啦");
self.location = document.referrer;
});
}, 500)
}
}
popstate事件只会在浏览器某些行为下触发, 比如点击后退、前进按钮(或者在JavaScript中调用history.back()、history.forward()、history.go()方法)。当网页加载时,各浏览器对popstate事件是否触发有不同的表现,Chrome 和 Safari会触发popstate事件, 而Firefox不会,因此需要加一个定时器进行延迟,这样就不会因为页面刚一加载就出发popstate事件。
referrer 属性可返回载入当前文档的文档的 URL。