微信浏览器返回并强制刷新

实现微信浏览器返回并强制刷新效果

解决微信浏览器返回不刷新问题

一、IOS上的方法:

不兼容Android:

//方法一
$(function () {
    var isPageHide = false; 
    window.addEventListener('pageshow', function () { 
        if (isPageHide) {
            window.location.reload(); 
        } 
    }); 
    window.addEventListener('pagehide', function () { 
        isPageHide = true; 
    }); 
});
//方法二
$(function () {
    window.addEventListener("popstate", function(e) {
        self.location.reload();
    }, false);
    var state = {
        title : "",
        url : "#"
    };
    window.history.replaceState(state, "", "#");
});

二、Android上的方法:

不兼容IOS:

//需要被刷新的页面放上以下代码
$(function () {
    var needRefresh = sessionStorage.getItem("need-refresh");
    if(needRefresh){
        sessionStorage.removeItem("need-refresh");
        location.reload();
    }
});
//跳转的页面放上以下代码
sessionStorage.setItem("need-refresh", true);

posted @ 2022-07-20 18:16  猫老板的豆  阅读(496)  评论(0编辑  收藏  举报