解决IOS微信页面后退不刷新问题

最新推荐文章于 2024-01-31 13:48:18 发布

星星兔先睡了

最新推荐文章于 2024-01-31 13:48:18 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_29217789/article/details/102742810

前端专栏收录该内容

61 篇文章

订阅专栏

本文介绍了解决iOS微信中页面回退时数据不刷新的问题。通过监听popstate事件并强制页面刷新，确保数据的实时性。适用于iOS不同版本。

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

在IOS微信的页面，用户回退，数据没有刷新，手动刷新才有数据
以下是解决办法：

var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/
if (browserRule.test(navigator.userAgent)) {
  window.onpageshow = function (event) {
    if (event.persisted) {
      // window.location.reload()
      // 这里的刷新改为调用我要初始化的数据
    }
  }
}

测试两台苹果机，一台最新版本，上面的代码没问题，页面会刷新，一台ios12版本的没刷新，然后，就换了一种方法，脑壳疼啊啊啊，再不行，我就没辙了。。。。

pushHistory () {
  window.addEventListener("popstate", function (e) {
    self.location.reload();
  }, false);
  var state = {
    title: "",
    url: "#"
  };
  window.history.replaceState(state, "", "#");
}

页面初始化时调用该方法，亲测有效，我太难了。。。