我只是想添加window.close()在2021,chrome 91工作，但并不总是。如果标签中没有历史记录(你不能返回)，它就可以工作的情况之一。

在我的情况下，我想创建自毁选项卡，关闭后几秒钟，但我在努力如何去开发服务器避免新选项卡，因为显然新选项卡也是选项卡，它被保存在选项卡历史:D我创建的链接大约:空白选项卡与目标=_blank属性，它导致新选项卡，window.close()方法终于工作了!

不好意思，我最近实现了一个本地托管的站点，它需要关闭当前浏览器选项卡的能力，并发现了一些有趣的变通方法，这些方法在我能找到的任何地方都没有很好的记录，所以我自己去做了。

注意:这些解决方案都是在本地托管站点的情况下完成的，并且(Edge除外)需要专门配置浏览器，因此对于公共托管站点来说并不理想。

---

背景:

在过去，jQuery脚本window.close()能够在大多数浏览器上毫无问题地关闭当前选项卡。然而，大多数现代浏览器不再支持这个脚本，可能是出于安全原因。

当前功能:

Window.close()将适用于由脚本打开的标签，或由target="_blank"(在新标签中打开)的锚点打开的标签

参见@killstreet对@calios的回答的评论

---

浏览器特定的解决方案:

谷歌Chrome:

Chrome不允许window.close()脚本被运行，如果你尝试使用它什么也不会发生。通过使用Chrome插件TamperMonkey，我们可以使用window.close()方法，如果你包含// @grant窗口。关闭TamperMonkey的UserScript头文件。

例如，我的脚本(当一个id = 'close_page'的按钮被点击并在浏览器弹出窗口中按下'yes'时触发)看起来像这样:

// ==UserScript==
// @name         Close Tab Script
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Closes current tab when triggered
// @author       Mackey Johnstone
// @match        http://localhost/index.php
// @grant        window.close
// @require      http://code.jquery.com/jquery-3.4.1.min.js
// ==/UserScript==

(function() {
    'use strict';
    $("#close_page").click(function() {
        var confirm_result = confirm("Are you sure you want to quit?");
        if (confirm_result == true) {
            window.close();
        }
    });
})();

注意:此解决方案只能关闭选项卡，如果它不是最后打开的选项卡。因此，有效地，它不能关闭标签，如果它会导致窗口关闭，因为它是最后打开的标签。

---

Firefox:

Firefox有一个高级设置，您可以启用它来允许脚本关闭窗口，有效地启用window.close()方法。要启用这个设置，请转到about:config，然后搜索并找到dom。Allow_scripts_to_close_windows首选项，并将其从false切换为true。

这允许您直接在jQuery文件中使用window.close()方法，就像您使用任何其他脚本一样。

例如，该脚本将首选项设置为true，可以完美地工作:

<script>
  $("#close_page").click(function() {
    var confirm_result = confirm("Are you sure you want to quit?");
    if (confirm_result == true) {
      window.close();
    }
  });
</script>

这比Chrome的变通方法好得多，因为它允许用户关闭当前标签，即使它是唯一打开的标签，并且不需要第三方插件。然而，一个缺点是，它也允许这个脚本在不同的网站上运行(不仅仅是你打算使用它的网站)，所以可能是一个潜在的安全隐患，尽管我不能想象关闭当前选项卡是特别危险的。

---

优势:

令人失望的是，Edge实际上是我尝试过的所有3个浏览器中表现最好的，并且使用window.close()方法而不需要任何配置。当window.close()脚本运行时，一个额外的弹出窗口提醒您页面正在尝试关闭当前选项卡，并询问您是否想继续。

编辑: 这是在旧版本的边缘不是基于铬。我还没有测试过它，但可以想象它的功能与基于铬的Chrome版本类似

---

最后提醒:Chrome和Firefox的解决方案都是浏览器故意禁用的，可能是出于安全原因。它们也都要求用户事先配置浏览器以使其兼容，因此可能不适用于公共站点，但对于像我这样的本地托管解决方案非常理想。

有点晚了，但这是我发现的……

window.close()将只工作(IE是一个例外)当你试图关闭()的窗口是由脚本使用window.open()方法打开的。

(请参阅下面@killstreet关于target _blank的锚标签的评论)

TLDR: chrome和firefox允许关闭它们。

你会得到控制台错误: 脚本不能关闭非脚本打开的窗口。 只是一个错误而已。

你可以在URL中添加一个唯一的参数来知道页面是否从脚本打开(比如时间)-但这只是一个黑客，而不是一个本地功能，在某些情况下会失败。

我找不到任何方法知道页面是否从open()打开， 并且close不会抛出和错误。 这将不会打印"test":

try{
  window.close();
}
catch (e){
  console.log("text");
}

你可以在MDN中阅读更多关于close()函数的信息

在FF 18和Chrome 24测试成功:

插入头部:

<script>
    function closeWindow() {
        window.open('','_parent','');
        window.close();
    }
</script> 

HTML:

<a href="javascript:closeWindow();">Close Window</a>

感谢马科斯·j·德雷克。

可以保证在未来的任何浏览器中都不允许关闭选项卡。使用上面提到的脚本是行不通的。

我的解决方案是使用Chrome扩展。一个Chrome扩展可以要求标签操作权限，所以它将很容易处理任何标签从该扩展的内容脚本是活跃的领域关闭。

下面是背景脚本的样子:

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    console.log(sender)
    console.log(message)
    if(message.closeThis) {
        closeTab(sender.tab.id)
    }
});

const closeTab = id => {
    console.log("Closing tab");
    chrome.tabs.remove(id);
}

内容脚本应该是这样的:

window.addEventListener("message", (event) => {
    // Only accept messages from ourselves
    if (event.source !== window)
        return;

    if (event.data.type && (event.data.type === "APPLICATION/CLOSE")) {
        console.log("Content script received APPLICATION/CLOSE event");
        chrome.runtime.sendMessage({closeThis: true});
    }
}, false);

通过在应用程序中调用此命令关闭选项卡(通过在清单中指定，确保内容脚本在您的域中启用):

window.postMessage({ type: "APPLICATION/CLOSE" }, "*");

使用时要谨慎，因为Chrome扩展的部署可能是一个痛苦。

据我所知，在Chrome或FireFox中已经不可能了。这在IE中仍然是可能的(至少在edge之前)。