Safari 保持“正在加载”状态当 window.onbeforeunload 返回 false 时

Question

以下要点： https://gist.github.com/1876791 （借自 < a href="https://stackoverflow.com/questions/147636/best-way-to-detect-when-user-leaves-a-web-page">这个问题） 是一个在 js 中使用 window.onbeforeunload 的简单示例。

我们遇到的问题如下（发生在 Safari 5.1.3 上，而不是最新的 Chrome 版本）：

1. 访问此页面：https://web.archive.org/web/20211028110528/http://www.4guysfromrolla.com/demos/OnBeforeUnloadDemo1.htm
2. 单击其中一个链接，您将收到一条警报，询问您如果您确实想离开此页面，
3. 请单击“留在页面上”
4. 使用 cmd-R 重新加载页面。系统将再次询问您是否确实要离开该页面，
5. 然后单击“留在页面上”。
6. Safari 保持“正在加载”状态，进度条显示好像要加载下一页。

这是 Safari 的错误吗？有没有办法绕过这个问题？

Answer 1

请看此页-> https://developer.mozilla.org/en/DOM/window.onbeforeunload

您必须处理该事件。该页面上的示例运行良好。这是代码：

window.onbeforeunload = function (e) {
  e = e || window.event;

  // For IE and Firefox prior to version 4
  if (e) {
    e.returnValue = 'Any string';
  }

  // For Safari
  return 'Any string';
};

Answer 2

即使跳过 OP 的步骤 2 和 3，我也能够重现此问题。任何形式的重新加载都会出现此问题。重现的简约步骤：

1. 访问 页面问题。
2. 点击重新加载。
3. 单击“留在页面上”按钮。

加载进度在重新加载命中后立即在视觉上预先进行，并在确认对话框的整个生命周期中保持如此（显然是为了传达“悬挂在悬崖边缘”类型​​的成熟情况；）但是：

• 当对话框使用“留在页面上”按钮关闭，它会保留停止 X 符号，并且加载进度仍然处于工作状态并冻结在 10% 左右的位置。
• 无法通过任何方式（键盘、按钮、脚本）取消此“加载”。
• Web Inspector 中的“网络”选项卡断言没有发生加载。

这确实看起来像一个 Webkit/Safari UI 错误 - 它看起来无法在停留在页面的情况下脱离进度条。最好的办法是向 Webkit 团队报告，或者，因为您在 Safari 中遇到过这种情况，也许 Safari 团队会更好。