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

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

 

  1.    移动端调试工具,可以进行查看打印日志,在js引入即可。

     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('');
            } else {
                // andriod 2.3
                document.write('');
            }
            // IOS及其他系统
        } else {
            document.write('');
        }
    })();

你可能感兴趣的:(js)