如何使用JS关闭浏览器标签页？最新Chrome中代码不生效如何解决？

原代码失效的核心原因 #

Chrome出于安全策略限制，仅允许JavaScript关闭由JavaScript本身调用window.open打开的窗口/标签页，用户手动输入地址、从书签打开、通过其他非JS跳转进入的页面，默认禁止脚本主动关闭，你之前使用的修改_parent再关闭的方案已经被新版Chrome封堵。

可行解决方案 #

分不同场景选择对应方案：

• 场景1：当前页面本身是通过其他页面的window.open方法打开的
  直接调用window.close()即可生效，不需要额外处理。
• 场景2：当前页面为用户手动打开的公开站点页面
  优先用「按钮+提示」的兼容方案：
  登出逻辑执行完成后，给用户展示登出成功提示，同时提供关闭按钮，按钮绑定如下点击逻辑：

  function closeCurrentTab() {
    // 兼容新版Chrome的临时方案
    window.opener = window
    window.close()
    // 关闭失败的兜底提示
    setTimeout(() => {
      alert('当前浏览器限制自动关闭页面，请按Ctrl+W（Windows）/Command+W（Mac）手动关闭')
    }, 100)
  }
  

  这个方案可以兼容大部分未做特殊安全限制的Chrome环境，就算关闭失败也有明确的操作引导，不会影响用户体验。
• 场景3：仅内部企业系统使用，所有使用者的浏览器配置可统一管控
  可以统一开启Chrome的脚本关闭窗口权限：
  1. 地址栏输入chrome://flags/#allow-scripts-to-close-windows
  2. 将对应选项设置为Enabled
  3. 重启浏览器后window.close()就可以正常关闭所有标签页
     该方案不适合公开面向普通用户的站点使用。

内容的提问来源于stack exchange，提问作者萧逸清