ios微信6.6.7版本以上底部出现回退按钮且点击回退不刷新页面

项目中碰到一种问题,发现ios微信6.6.7版本以上底部出现回退前进按钮,且回退的时候不刷新;

但是我们页面中需要回退刷新,有两种解决办法:

一种是回退路径写死,这种情况下可以直接解决;

$(function () {

listenerBackHandler.initBack();

});

/**
* 浏览器回退事件监听
*/
var listenerBackHandler = {
param: {
isRun: false, //防止微信返回立即执行popstate事件
},
listenerBack: function () {
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");

window.addEventListener("popstate", function (e) {
if (listenerBackHandler.param.isRun) {
window.location.href = "Home/Index"; //返回到需要去的页面
}
}, false);
},
//初始化返回事件
initBack: function () {
window.addEventListener('pageshow', function () {
listenerBackHandler.param.isRun = false;
setTimeout(function () { listenerBackHandler.param.isRun = true; }, 1000); //延迟1秒 防止微信返回立即执行popstate事件
listenerBackHandler.listenerBack();
});
}
}
---------------------
参考文章地址:https://blog.csdn.net/lilinoscar/article/details/79003216

但是如果有多个页面,这种写死也不行,第二种办法就是手动刷新

第二种解决办法

$(function() {
pushHistory();
});
function pushHistory() {
window.addEventListener("popstate", function(e) {
// alert("后退");
self.location.reload();
}, false);
var state = {
title : "",
url : "#"
};
window.history.replaceState(state, "", "#");
};
---------------------
参考原文:https://blog.csdn.net/achenyuan/article/details/77769992  作者:陈袁 

这种情况也有个弊端,就是如果页面有几个tab会先返回到这个tab,然后再刷新到初始页面,对用户来说就会看到两步,

所以还需要第三种完美的解决办法……待续(如有好的方法请告知)

备注:网上有那种调微信接口屏蔽返回按钮的,因为是公众号所以不能成功,另外我们没有用框架

posted @ 2018-11-23 14:23  small_lady  阅读(753)  评论(0编辑  收藏  举报