如何以编程方式检测浏览器如何处理 window.close()？

Question

不同的网络浏览器以不同的方式处理 window.close() 函数。 IE 会提示用户进行确认，而 Firefox 和 Safari 则无法接受它，除非窗口最初是用 Javascript 打开的，并在控制台中显示一条消息说明同样的内容。

我支持的我们组织内部使用的第三方 Web 应用程序在类似向导的一系列页面的末尾显示一个“关闭”按钮。这对于我们大多数用户使用的 IE 非常有效。然而，这在FF中显然失败了。我更愿意保留该按钮并使用 Javascript 来优雅地降级 UI，方法是不在任何不会执行 window.close() 的浏览器中显示该按钮。

根据经验，我会尽可能检查浏览器功能，而不是依赖基于浏览器检测的硬编码策略。有没有一种方法可以以编程方式检查对 window.close() 的支持，以便我可以确定是否应该首先显示该按钮？

Answer 1

试试这个：

演示：http://jsfiddle.net/ThinkingStiff/mnv87/

脚本：

function hasClose() {

    var close = window.open( '', '', 'height=100,width=100,left=3500', false );
    close.close();
    return close.closed;

};

if( hasClose() ) {
    //show button
} else {
    //hide button
};

注意hasClose() 也会返回 false。

Answer 2

为什么不检查兼容性，如果兼容则追加？使用 jQuery：

<script type="text/javascript" src="latest_jquery_file.js"></script>
<script type="text/javascript">
  $(document).on("ready", (function(e)
  {
   $("body").append('<p><a href="#" id="windowcloser">Close The Window!!</a></p>');
      $('#windowcloser').click(function(){
         window.close();
      });
  })
  );
</script>

由于 jQuery 是跨浏览器兼容的，所以它应该

Answer 3

很简单。您的脚本应该尝试（或try）window.close，如果尝试后它仍然存在 - 显示消息，并且可以选择删除/替换页面内容，或使用 location.reload 不让您的用户有任何理由再停留在该页面。

ps：请记住，从 JavaScript 关闭窗口是非常不礼貌的。所以你最好有一些充分的理由这样做;)