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

困扰了两个小时的问题终于解决了，记录一下。

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

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

一、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上的方法：

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

 //跳转的页面放上以下代码
sessionStorage.setItem("need-refresh", true);

加上定时刷新的方法

<!-第一种方法用定时器，……->

<!--第二种方法-->
<!--定时自动刷新，content表示刷新间隔，单位为秒s，下面代码表示页面每隔三秒刷新一次-->
<meta http-equiv="refresh" content="3">
<!--第三种方法-->
<!--这种方法实现页面刷新有点投机取巧，这个标签作用是定时跳转，content第一个参数表示间隔时间，单位为秒，第二个参数表示目标网址，但是如果把第二个参数设为#，就会实现页面刷新。-->
<meta http-equiv="refresh" content="3;url=#">