解決策:公衆番号h 5ページの開発時に微信は戻るボタンを持参し、問題を更新しない.


に質問
微信公衆番号の開発時、微信は戻るボタンを持っていて、更新しないで、ページをリフレッシュします.
ソリューション
  • 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*/