在 Safari、iOS 上使用 History API 后警报、确认和提示不起作用

Question

在 iOS 上的 Safari 中调用history.pushState后，当使用浏览器后退按钮更改回来时，不再可能使用alert() 、 confirm()或prompt() 。

这是iOS错误吗？ 是否有任何已知的解决方法？

重现此行为的简单示例：

<html>
  <body>
    <ul>
      <li>Step 1: <button onclick="alert(Math.random())">Confirm Alert is working</button></li>
      <li>Step 2: <button onclick="history.pushState(null, null, '/debug/'+Math.random());">Change History</button></li>
      <li>Step 3: use your browser back button, to go back</li>
      <li>Step 4: <button onclick="alert(Math.random())">Alert is not working anymore</button></li>
    </ul>
  </body>
</html>

您可以在此处在线试用： goo.gl/faFW6o 。

Answer 1

这是因为 Safari 中的后退缓存。

您可以使用以下代码在按下后退按钮时强制重新加载。

window.onpageshow = function(e) { // e -> event
    if (e.persisted) {
        window.location.reload(); 
    }
};

此外，如果您使用的是 jQuery ...

$(window).bind("pageshow", function(e) { // e -> event
    if (e.originalEvent.persisted) {
        window.location.reload();
    }
});

Answer 2

当问到这个问题时，这可能是一个问题。 当我测试safari版本12.0.2中的给定链接时，它似乎是作为intendant工作

Answer 3

一种解决方法是使用按钮上的 onload 属性，创建一个添加侦听器的函数，然后在 window.onpopstate 和 window.onload 上调用它。

在 Safari、iOS 上使用 History API 后警报、确认和提示不起作用

问题描述

2 个解决方案

解决方案1
2 2019-11-16 14:05:32

解决方案2
0 2019-07-26 18:38:17

解决方案3
0 2019-11-18 16:58:55

在 Safari、iOS 上使用 History API 后警报、确认和提示不起作用

问题描述

2 个解决方案

解决方案1 2 2019-11-16 14:05:32

解决方案2 0 2019-07-26 18:38:17

解决方案3 0 2019-11-18 16:58:55

解决方案1
2 2019-11-16 14:05:32

解决方案2
0 2019-07-26 18:38:17

解决方案3
0 2019-11-18 16:58:55