Chrome中通过脚本关闭浏览器标签页失效问题求助

核心原因 #

现代浏览器出于安全考虑，仅允许JavaScript脚本关闭由该脚本通过window.open()方法打开的窗口。如果当前标签页是用户手动打开、通过书签跳转或其他非脚本触发的方式打开的，直接调用window.close()会被浏览器拦截——这是浏览器的默认安全策略，防止恶意脚本随意关闭用户的标签页。

你的代码问题分析 #

你当前的JavaScript逻辑存在两处关键问题：

$('#btnClose').click(function() {
  var newWindow = window.open('https://localhost:44384/MasterUpdate/Index/1', '_self', ''); 
  window.close(newWindow);
});

1. 使用_self参数调用window.open()会直接替换当前窗口的内容，而非打开新窗口，此时newWindow的引用已经是当前窗口的上下文，逻辑完全错误；
2. window.close()方法不需要传入参数，你的写法不符合API规范，即便修正写法，当前窗口如果不是脚本打开的，依然会被浏览器拦截关闭操作。

可行解决方案 #

1. 针对脚本打开的窗口（正常合规场景） #

如果目标窗口是你的脚本通过window.open()打开的（使用_blank参数），可以直接调用该窗口实例的close()方法：

// 先打开新窗口
var newWindow = window.open('https://localhost:44384/MasterUpdate/Index/1', '_blank');
// 点击按钮关闭该窗口
$('#btnClose').click(function() {
  newWindow.close();
});

2. 针对非脚本打开的窗口（变通方案，仅部分浏览器支持） #

对于用户手动打开的标签页，没有通用的跨浏览器解决方案，但可以尝试以下方法：

• Chrome浏览器：通过打开同域空白页替换当前窗口，再关闭该空白页：

  $('#btnClose').click(function() {
    var blankWin = window.open('', '_self');
    blankWin.close();
  });
  

• Firefox浏览器：需要用户手动修改浏览器设置：
  输入about:config进入设置页面，找到dom.allow_scripts_to_close_windows选项，设置为true，之后脚本即可关闭非脚本打开的窗口（此设置需要用户操作，无法通过代码控制）。

3. 稳妥替代方案 #

如果上述方法都无法满足需求，建议直接引导用户手动关闭标签页——这是最兼容所有浏览器的方案。

内容的提问来源于stack exchange，提问作者Programming And Design