Chrome扩展MV2转MV3：刷新页面重复创建子窗口问题求助

在MV3迁移中，setSelfAsOpener参数因Service Worker环境限制无法使用，导致页面刷新时重复创建弹窗。以下是可行的替代方案：

方案1：通过窗口属性检查避免重复创建 #

创建弹窗前，先遍历所有现有窗口，判断目标弹窗是否已存在，不存在再执行创建逻辑：

chrome.windows.getAll({ populate: true }, (windows) => {
  // 匹配目标弹窗的URL和类型
  const isPopupExist = windows.some(wnd => 
    wnd.urls?.includes('some url') && wnd.type === 'popup'
  );
  if (!isPopupExist) {
    chrome.windows.create({
      type: 'popup',
      incognito: true,
      url: 'some url'
    }, (wnd) => {
      console.log(wnd);
    });
  }
});

方案2：用全局状态跟踪弹窗ID #

利用Service Worker的全局变量存储弹窗ID，同时监听窗口关闭事件更新状态，确保只有当弹窗不存在时才创建：

let targetPopupId = null;

// 监听窗口关闭，清除无效ID
chrome.windows.onRemoved.addListener((windowId) => {
  if (windowId === targetPopupId) {
    targetPopupId = null;
  }
});

// 封装创建弹窗的异步函数
async function createTargetPopup() {
  if (targetPopupId) {
    try {
      // 验证弹窗是否仍存在
      await chrome.windows.get(targetPopupId);
      return;
    } catch (err) {
      targetPopupId = null; // 弹窗已关闭，重置ID
    }
  }
  const newPopup = await chrome.windows.create({
    type: 'popup',
    incognito: true,
    url: 'some url'
  });
  targetPopupId = newPopup.id;
}

// 调用创建函数
createTargetPopup();

方案3：优化触发逻辑 #

如果弹窗是页面加载时自动触发的，可调整触发时机：

• 仅在用户主动操作（如点击按钮）时调用创建逻辑，而非页面刷新时自动执行
• 对页面加载事件做防抖处理，避免重复触发

为什么setSelfAsOpener在MV3中不可用？ #

MV3使用Service Worker替代了MV2的背景页，而setSelfAsOpener是针对页面上下文的参数，用于设置窗口的opener属性。Service Worker没有页面环境，因此Chrome会抛出参数不支持的错误。

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