如何捕获谷歌Chrome弹窗拦截后的‘允许弹出和重定向’事件？是否有回调？

一、检测弹窗是否被拦截 #

Chrome没有专门的事件通知弹窗被拦截，但可以通过window.open()的返回值直接判断：

const openPopup = () => {
  const popup = window.open('https://your-target-url.com', '_blank', 'width=600,height=400');
  if (!popup || popup.closed || typeof popup.closed === 'undefined') {
    // 弹窗被拦截，可提示用户开启权限
    alert('弹窗已被拦截，请点击地址栏的弹窗图标允许本站弹出窗口');
  } else {
    // 弹窗正常打开
    popup.focus();
  }
};

二、监听用户点击「允许」后的操作 #

Chrome没有原生回调事件直接通知用户点击了弹窗拦截按钮的「允许」选项，但可以通过两种方式间接检测权限变化：

1. 使用Permissions API监听权限变更 #

Chrome支持通过Permissions API查询和监听站点的弹窗权限变化（权限名称为"window-management"）：

// 查询当前弹窗权限状态
navigator.permissions.query({ name: 'window-management' })
  .then(permissionStatus => {
    console.log('当前弹窗权限状态:', permissionStatus.state); // 状态值：granted/denied/prompt
    
    // 监听权限变化
    permissionStatus.onchange = () => {
      if (permissionStatus.state === 'granted') {
        // 用户已允许弹窗，可重新触发弹窗或执行其他逻辑
        alert('已允许弹窗，现在可以正常打开窗口了');
        openPopup();
      }
    };
  });

2. 轮询检测弹窗状态（兼容旧版本浏览器） #

如果Permissions API不可用，可以通过定时轮询尝试打开弹窗，直到成功：

let pollInterval;
const checkPermissionAndOpen = () => {
  const popup = window.open('https://your-target-url.com', '_blank');
  if (popup && !popup.closed) {
    popup.focus();
    clearInterval(pollInterval);
  }
};

// 弹窗被拦截后启动轮询
const popup = window.open('https://your-target-url.com', '_blank');
if (!popup || popup.closed) {
  alert('弹窗被拦截，请允许后重试');
  pollInterval = setInterval(checkPermissionAndOpen, 2000); // 每2秒检测一次
}

注意事项 #

• 弹窗必须由用户主动触发（比如点击按钮），否则Chrome会直接拦截，这是浏览器的安全策略。
• Permissions API的window-management权限在部分旧版本Chrome中可能不支持，建议做兼容性判断。

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