如何在首次打开Chrome/Edge时用JavaScript从子页面关闭父页面？

Chrome和Edge浏览器存在安全机制限制：只有通过脚本创建的窗口，才能被脚本关闭。当父页面是浏览器启动后的第一个标签页（属于用户手动触发打开的窗口），子页面调用window.opener.close()时，浏览器会拦截该操作，避免脚本直接导致浏览器退出；而当浏览器已有多个标签页时，关闭父页面不会导致浏览器退出，因此拦截机制不触发。

方法1：父页面主动关闭（优先推荐） #

父页面在打开子页面后，尝试自行关闭，若直接关闭失败则先跳转空白页再关闭：

// 父页面代码
const childWindow = window.open('CHILD PAGE', '_blank');

// 尝试关闭父页面
try {
  window.close();
} catch (error) {
  // 关闭失败时，先跳转到空白页再尝试关闭
  window.location.href = 'about:blank';
  setTimeout(() => {
    window.close();
  }, 100);
}

方法2：子页面间接关闭父页面 #

子页面先让父页面跳转到空白页，再执行关闭操作，绕过拦截：

// 子页面代码
if (window.opener) {
  // 先跳转空白页，解除浏览器对"手动打开窗口"的保护
  window.opener.location.href = 'about:blank';
  // 延迟执行关闭，确保跳转完成
  setTimeout(() => {
    window.opener.close();
    // 可选：关闭子页面自身
    window.close();
  }, 100);
}

补充说明 #

• 上述方法利用了浏览器对about:blank页面的特殊处理：跳转后的空白页属于脚本触发的页面变更，不再被判定为"用户手动打开的初始窗口"，因此可以被脚本关闭。
• 延迟时间可根据实际情况调整，确保页面跳转完成后再执行关闭操作。

内容的提问来源于stack exchange，提问作者Wei Wu