js 页面history.back()返回上一页，ios 不重新加载ready的解决办法

最新推荐文章于 2021-11-06 11:01:24 发布

原创最新推荐文章于 2021-11-06 11:01:24 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #jquery #javascript #web #window

该博客主要探讨了一个项目中遇到的问题：从子页面返回主页面时，iOS设备不会刷新主页面，而安卓设备会。为了解决这个差异，提出了一个JavaScript解决方案，即在主页面监听'pageshow'和'pagehide'事件，通过设置变量isPageHide来判断页面状态并在必要时执行刷新操作。这个方法确保了在iOS和安卓上返回主页面时页面状态的一致性。

项目中，主页面有很多输入字段，当由主页跳转到子页面，将子页面的字段 set入localstorage中，由于返回主页面不能将先前输入的字段刷新掉，所以必须要在子页面history.back()。但由于ios和安卓机制不同，安卓会重新刷新主页面的ready， ios则不会。解决方案如下：

在进入主页js后

$(function () {
var isPageHide = false;
window.addEventListener('pageshow', function () {
if (isPageHide) {
window.location.reload();
}
});
window.addEventListener('pagehide', function () {
isPageHide = true;
});
})

即可解决