移动端返回上一页面刷新问题的解决

  通常可以用到window.history.back();
window.history.go(-1);返回刷新上一页，
但当两种方法都不满足你的开发需求的时候，可以采用以下的方法。

从a页面，跳转到b页面，b页面的数据操作，会影响a页面的展示。那么在b页面里就可以使用，sessionStorage.setItem("need-refresh", true); 然后再进行window.history.go(-1)操作。

// a.html 设置刷新 检测缓存是否有标志 要是有就说明数据有变化 a.html跳转到b.html页面
window.addEventListener("pageshow", function(){
if(sessionStorage.getItem("need-refresh")){
location.reload();
sessionStorage.removeItem("need-refresh");
}
});

// b.html 如果是数据变化了就写一条缓存 b.html返回到a.html页面
sessionStorage.setItem("need-refresh", true);

 

还有一种通用的，如果当前页面没有被其他页面所共用，可以给返回按钮绑定跳转地址，将上一页需要的参数和地址绑定即可实现刷新，但此方法效率较低，不适用于移动端数据过多的页面。