Chrome扩展后台脚本如何检测弹窗激活状态并跳过弹窗标签？

要解决你的两个问题，我们可以通过跟踪Popup窗口状态和识别扩展自身标签来实现，具体步骤如下：

1. 后台脚本：跟踪Popup状态并过滤标签 #

修改后台脚本，添加变量记录当前打开的Popup窗口ID，同时在标签激活时判断Popup是否处于打开状态，并且跳过Popup自身的标签处理：

// 记录当前打开的Popup窗口ID，初始为null表示无Popup打开
let activePopupWindowId = null;

// 监听窗口关闭事件，当Popup窗口关闭时清空记录
chrome.windows.onRemoved.addListener((windowId) => {
  if (windowId === activePopupWindowId) {
    activePopupWindowId = null;
  }
});

// 监听标签激活事件
chrome.tabs.onActivated.addListener(async (activeInfo) => {
  // 1. 如果Popup未打开，直接终止后续操作
  if (!activePopupWindowId) return;

  // 获取当前激活的标签详情
  const [tab] = await chrome.tabs.query({ active: true, lastFocusedWindow: true });

  // 2. 跳过Popup自身的标签（两种判断方式二选一即可）
  // 方式一：通过窗口ID判断，当前标签属于Popup窗口则跳过
  if (tab.windowId === activePopupWindowId) return;
  
  // 方式二：通过URL判断，属于扩展自身页面则跳过（更通用）
  // if (tab.url.startsWith(chrome.runtime.getURL('/'))) return;

  // 处理空URL标签
  if (tab.url === '') {
    await chrome.tabs.update(activeInfo.tabId, { url: 'https://google.com' });
  }

  // 发送激活标签消息
  chrome.runtime.sendMessage({
    activeTabId: activeInfo.tabId,
    url: tab.url
  });
});

2. 记录Popup窗口ID #

根据你创建Popup的代码位置，选择对应的方式保存窗口ID：

情况一：Popup在后台脚本中创建 #

如果创建Popup的代码直接写在后台脚本里，直接将窗口ID赋值给activePopupWindowId即可：

async function createExtensionPopup(tab) {
  const popup = await chrome.windows.create({
    url: `index.html#?tabid=${tab.id}`,
    type: 'popup',
    height: 800,
    width: 900
  });
  // 保存Popup窗口ID
  activePopupWindowId = popup.id;
}

情况二：Popup在其他脚本中创建（如内容脚本/Popup自身） #

如果创建Popup的代码不在后台脚本，通过消息传递将窗口ID传给后台：

// 创建Popup的脚本
const popup = await chrome.windows.create({
  url: `index.html#?tabid=${tab.id}`,
  type: 'popup',
  height: 800,
  width: 900
});

// 发送消息给后台保存窗口ID
chrome.runtime.sendMessage({ action: 'setPopupWindowId', windowId: popup.id });

同时在后台脚本添加消息监听：

// 后台脚本新增消息监听
chrome.runtime.onMessage.addListener((message) => {
  if (message.action === 'setPopupWindowId') {
    activePopupWindowId = message.windowId;
  }
});

关键逻辑说明 #

• Popup状态判断：通过activePopupWindowId变量跟踪Popup是否打开，只有变量不为空时才执行后续标签处理，解决“未激活Popup也会设置URL”的问题。
• 跳过Popup标签：通过窗口ID或扩展URL前缀识别Popup自身标签，避免修改其URL，解决“Popup标签被设为google.com”的问题。

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