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

最新推荐文章于 2023-02-28 11:31:11 发布

qc闯

最新推荐文章于 2023-02-28 11:31:11 发布

阅读量1.4k

点赞数

分类专栏： js学习文章标签： javascript

js学习专栏收录该内容

4 篇文章

订阅专栏

本文介绍了解决iOS和安卓设备上子页面返回主页面时刷新机制不同的问题。通过监听'pageshow'和'pagehide'事件来实现页面刷新的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目中，主页面有很多输入字段，当由主页跳转到子页面，将子页面的字段 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;   
  });   
})