Chrome扩展异常：关闭指定URL标签页后重复打开新标签页求助

问题根源 #

1. chrome.tabs.onUpdated触发过于频繁：这个监听器会在标签页加载的多个阶段（比如loading、complete）触发，每次触发都会完整执行check函数，导致重复遍历和处理标签页。
2. 逐个处理标签导致状态不一致：循环中逐个关闭标签页时，后续循环还在使用已经失效的tab.id（标签已被关闭），同时每匹配一个标签就创建新标签，所以有N个匹配就会创建N个新标签。

修复后的代码 #

let isChecking = false; // 防重复执行标记

function check() {
  if (isChecking) return; // 正在执行时直接返回，避免重复触发
  isChecking = true;

  const targetDomains = ['youtube.com', 'instagram.com', 'reddit.com'];
  const newURL = 'https://www.google.com';
  const tabsToClose = [];

  chrome.windows.getAll({ populate: true }, (windows) => {
    windows.forEach((window) => {
      window.tabs.forEach((tab) => {
        // 检查当前标签URL是否包含目标域名
        const matches = targetDomains.some(domain => tab.url.includes(domain));
        if (matches) {
          tabsToClose.push(tab.id);
        }
      });
    });

    // 一次性关闭所有匹配的标签
    if (tabsToClose.length > 0) {
      chrome.tabs.remove(tabsToClose, () => {
        // 只创建一个新标签
        chrome.tabs.create({ url: newURL });
        isChecking = false; // 执行完成后重置标记
      });
    } else {
      isChecking = false;
    }
  });
}

// 只在标签加载完成时触发，减少不必要的执行
chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
  if (changeInfo.status === 'complete') {
    check();
  }
});

关键修改说明 #

• 添加防重复执行标记：isChecking变量避免onUpdated多次触发时重复执行check函数，防止并发问题。
• 批量处理标签：先收集所有需要关闭的标签ID，再一次性调用chrome.tabs.remove，避免循环中逐个关闭导致的状态不一致。
• 只创建一次新标签：不管有多少个匹配的标签，只在关闭完成后创建一个新标签，符合需求。
• 限制监听器触发条件：只有当标签页加载完成（status === 'complete'）时才执行check，减少无效触发次数。

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