解决手机浏览器物理按钮返回页面不刷新问题

最新推荐文章于 2026-04-11 14:56:24 发布

原创最新推荐文章于 2026-04-11 14:56:24 发布 · 4.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#强制页面刷新 #物理按钮返回不刷新

收录于

前端的坑是真的多专栏收录该内容

2 篇文章

订阅专栏

本文提供了一种通过在body标签中使用JavaScript监听pageshow和pagehide事件来解决页面返回时出现闪动的方法。

将下列代码放在body标签的最后，即可解决，缺点，返回页面会闪一下。希望可以给大家一些参考，谢谢。

<script type="text/javascript">
  (function() {
    var isPageHide = false;
    window.addEventListener('pageshow', function() {
      if (isPageHide) {
        window.location.reload();
      }
    });
    window.addEventListener('pagehide', function() {
      isPageHide = true;
    });
  })();
</script>