微信公众号开发,ios系统自带返回按钮,不刷新页面

微信公众号开发时,在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。


你可能感兴趣的:(JS)