微信瀏覽器後退強制刷新界面

在做微信支付的時候，支付完成以後跳轉到支付完成界面，後退以後發現回到訂單也沒有刷新界面

 

1.    移動端調試工具，可以進行查看打印日誌，在js引入即可。

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

     2.   進行監聽事件，查看用戶是否後退進入。

window.onpageshow = function(event) {

        if (event.persisted || window.performance &&
            window.performance.navigation.type == 2)  {
/*定時器，1秒後刷新，根據個人業務進行刷新，此處微信支付進行回調，怕微信回調過慢，加入定時器，後端代碼層面也應加入限制*/
            setTimeout(function () {
                window.location.reload()
            },1000);
        }
    };

 3.兼容移動端。

(function() {
        var phoneWidth = parseInt(window.screen.width);
        var phoneScale = phoneWidth / 640;
        console.log(phoneWidth)
        //var phoneHeight = parseInt(window.screen.height);
        //var phoneScale = phoneHeight / 1008;
        var ua = navigator.RuserAgent;
        if (/Android (\d+\.\d+)/.test(ua)) {
            var version = parseFloat(RegExp.$1);
            console.log("version")
            if (version > 2.3) {
                // andriod 2.3以上
                document.write('<meta name="viewport" content="width=750, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                // andriod 2.3
                document.write('<meta name="viewport" content="width=750, target-densitydpi=device-dpi">');
            }
            // IOS及其他系統
        } else {
            document.write('<meta name="viewport" content="width=750, user-scalable=no">');
        }
    })();