解决方案:公众号h5页面开发时微信自带返回按钮,不刷新问题。

问题

微信公众号开发时,微信自带返回按钮,不刷新,刷新页面。

解决方案

  • 判断是IOS还是Android系统。
function isIos() {//判断是IOS还是Android
    var userAgent = navigator.userAgent;
    var isAndroid = userAgent.indexOf('Android') > -1 || userAgent.indexOf('Adr') > -1; //android终端
    var isiOS = !!userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    if (isAndroid) {
        return false;
    } else if (isiOS) {
        return true;
    }
}
  • 刷新处理
    /*微信自带返回按钮,不刷新,刷新页面start*/
    if (isIos()) {
        var isPageHide = false;
        window.addEventListener('pageshow', function () {
            if (isPageHide) {
                window.location.reload();
            }
        });
        window.addEventListener('pagehide', function () {
            isPageHide = true;
        });
    } else {
        var needRefresh = sessionStorage.getItem("need-refresh");
        if (needRefresh) {
            sessionStorage.removeItem("need-refresh);
            window.location.reload();
        }
    }
    /*微信自带返回按钮,不刷新,刷新页面end*/

 

你可能感兴趣的:(bug,遇到的各种bug。)