如何在自定义协议URL重定向后，仅在浏览器弹窗关闭时执行window.close()？

针对你遇到的问题，这里有两个实用的实现思路，既能避免直接关闭页面导致无法调用应用，又能防止超时过早关闭影响用户操作：

方法1：监听页面焦点回归 #

当用户处理完浏览器的协议确认弹窗（无论点击允许还是取消），当前页面会重新获得焦点，利用这个特性触发关闭逻辑，同时搭配兜底超时避免页面长期挂起：

// 触发自定义协议跳转
window.location.href = "your-custom-protocol://your-params";

// 定义焦点处理函数
function onPageFocus() {
  // 移除监听避免重复触发
  window.removeEventListener('focus', onPageFocus);
  // 关闭页面
  window.close();
}

// 添加焦点监听
window.addEventListener('focus', onPageFocus);

// 30秒兜底超时（可根据需求调整时长）
setTimeout(() => {
  window.removeEventListener('focus', onPageFocus);
  window.close();
}, 30000);

方法2：监听页面可见性变化 #

浏览器弹出协议确认窗口时，当前页面会进入隐藏状态；用户处理完弹窗后，页面恢复可见，通过visibilitychange事件捕捉这个状态变化来关闭页面：

// 触发自定义协议跳转
window.location.href = "your-custom-protocol://your-params";

// 定义可见性处理函数
function onVisibilityChange() {
  if (document.visibilityState === 'visible') {
    // 移除监听避免重复触发
    document.removeEventListener('visibilitychange', onVisibilityChange);
    // 关闭页面
    window.close();
  }
}

// 添加可见性监听
document.addEventListener('visibilitychange', onVisibilityChange);

// 30秒兜底超时
setTimeout(() => {
  document.removeEventListener('visibilitychange', onVisibilityChange);
  window.close();
}, 30000);

注意事项 #

• 部分浏览器对window.close()有严格限制：只有通过脚本（比如window.open()）打开的窗口才能被脚本关闭。如果当前页面是用户直接打开的，可能会被浏览器阻止自动关闭，这种情况可以在兜底逻辑里添加提示，引导用户手动关闭。
• 不同浏览器的协议弹窗行为略有差异，建议在目标浏览器（Chrome、Firefox、Edge等）上做兼容性测试。

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