检测不支持 onunload/onbeforeunload 的浏览器

Question

在所有浏览器中，似乎只有 Opera 不支持 onunload/onbeforeunload 事件。 （现在已经十五年了，Opera！）这个问题的解决方案已经被讨论过很多次了，例如：onbeforeunload 支持检测

不幸的是，从 Opera 11.51 开始，("onbeforeunload" in window) == true，但实际的 onbeforeunload 事件从未执行！

当用户离开页面时，我的 Web 应用程序需要将数据发送到服务器；我为此使用同步 ajax 请求。看来我必须求助于使用页面上某处的“保存”按钮来掩盖 Opera 问题。然而，我不希望这个按钮让那些浏览器能够通过 ajax 自动保存的用户感到困惑，所以我真的希望这个按钮只出现在 Opera 中。

我唯一的选择是浏览器检测吗？问题是，Opera 无论如何都可以选择将自己伪装成其他浏览器。

Answer 1

我无法重现您在 Opera 11.5x 中发现 'onbeforeunload' in window 为 true 的结果。这是最好的方法，应该仍然有效。您确定您没有在某个地方留下某些定义吗？例如，您

onbeforeunload = function (){ ... }

稍后在进行特征检测的同一脚本中编写了这些定义？如果你执行alert(window.onbeforeunload)，你会看到什么？您能分享一下有问题的页面的链接吗？

Answer 2

歌剧把这件事搞砸了。我通过查找 window.opera 来检测 Opera，如果它存在，我会拒绝 Opera 无法处理的内容。

我认为使用卸载没有什么好处，因为它在游戏中发生得太晚了。有时 onbeforeunload 是唯一可以解决问题的方法。再次，我只是在窗口对象上查找 opera，如果存在，则拒绝它无法执行的操作。 :)

PPK 在这里讨论它： http://www.quirksmode.org/js/detect.html

Answer 3

对于任何偶然发现这篇文章的人，这是我用来检测 onbeforeunload 支持的代码片段，如果浏览器不支持它，我会切换到 onunload （注意使用 jquery，显然不是必需的）。就我而言，我使用此代码（以及一些额外的代码）来检查是否有任何 AJAX 请求仍然处于活动状态并阻止用户离开。请记住，使用 onunload 并不理想，因为浏览器仍然会离开页面，但至少它让您有机会警告用户数据可能已丢失，他们应该返回并检查。

您会注意到我正在使用 isEventSupported() 函数，可在 https://github.com/kangax/iseventsupported< /a> 用于跨浏览器支持检测可用事件。

// If the browser supports 'onbeforeunload'
if (isEventSupported('beforeunload', window)) {
  $(window).on('beforeunload', function(){
    return 'This page is still sending or receiving data from our server, if you recently submitted data on this page please wait a little longer before leaving.';
  });
} 
// The browser doesn't support 'onbeforeunload' (Such as Opera), do the next best thing 'onunload'.
else {
  $(window).on('unload', function(){
    alert('This page was still sending or receiving data from our server when you navigated away from it, we would recommend navigating back to the page and ensure your data was submitted.');
  });
}

Answer 4

请参阅我的对类似/重复问题的回答。基本上，它会在您域的第一页上设置检测，并将所有后续页面的检测结果存储在 localStorage 中。包括工作示例代码。