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

按钮且点击回退不刷新页面"/>

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();
});
}
}
---------------------
参考文章地址：

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

第二种解决办法

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

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

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

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

转载于:.html