javascript - 当 window.onbeforeunload 返回 false 时，Safari 保持 "loading"

Question

以下要点:https://gist.github.com/1876791 (借自 this question 中的演示)是在 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

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

1. 访问the page in question .
2. 点击重新加载。
3. 点击“留在页面上”按钮。

加载进度在重新加载命中后立即在视觉上预先参与，并在确认对话框的整个生命周期内保持这种状态(显然是为了传达“悬崖边缘”式成熟的情况；)但是:

• 当使用“停留在页面上”按钮关闭对话框时，它会保留停止 X 符号，加载进度仍然参与并卡住在大约 10% 标记处。
• 此“加载”不能通过任何方式(键盘、按钮、脚本)取消。
• Web Inspector 中的网络选项卡断言没有加载发生。

这看起来真的很像 Webkit/Safari UI 错误 - 它看起来无法在停留在页面的情况下脱离进度条。最好将其报告给 Webkit team或者，由于您在 Safari 中遇到过这种情况，可能是 Safari team会更好。