在做微信支付的时候,支付完成以后跳转到支付完成界面,后退以后发现回到订单也没有刷新界面
- 移动端调试工具,可以进行查看打印日志,在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">');
}
})();