前端点击手机HOME键、浏览器自带回退上一页按钮、返回指定页面解决方案

业务场景例如

实际效果

我的中心页面–》地址列表页面–》修改地址页面–》点击保存–》地址页表页面–》地址列表页点击返回上一页按钮–》返回修改地址页面

期望效果

我的中心页面–》地址列表页面–》修改地址页面–》点击保存–》地址页表页面–》地址列表页点击返回上一页按钮–》我的中心页面

解决方法

在地址列表页面写入如下JS代码

//已上述列子为参考
// 1.添加、激活一个历史记录条目 url为地址列表页的url地址
window.history.pushState(null, null, url);
//2.当在地址列表页面触发浏览器某些行为, 比如点击后退、
//前进按钮(或者在JavaScript中调用history.back()、
//history.forward()、history.go()会触发popstate，然后执行里面的回调函数。
window.addEventListener('popstate',function() {
	window.location.href='我的中心页面的URL地址'
},false);