微信浏览器后退强制刷新界面

在做微信支付的时候，支付完成以后跳转到支付完成界面，后退以后发现回到订单也没有刷新界面

 

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">');
        }
    })();