开发链接变更后自动停止刷新的Google Meet Chrome扩展实现问题

原代码无法停止刷新，是三个可复现的逻辑漏洞叠加导致的：

• 定时器标识的作用域完全失效：intervalId 是if判断块内用var声明的局部变量，每次事件触发都会被重新初始化，既无法跨事件周期存储已启动的定时器ID，还会在每次匹配到目标URL时新建一个独立的定时器实例，旧定时器没有清除入口，多个定时器叠加重跑，最终表现为页面持续刷新无法停止。
• 分支判断的触发条件不严谨：chrome.tabs.onUpdated 事件携带的changeInfo.url字段，仅在发生跨文档导航、URL明确变更时才会存在，常规页面加载、内容更新、SPA内部路由跳转场景下changeInfo不会带url属性，此时正则测试会返回false错误进入else分支，但因为没有持久存储有效的定时器ID，清除操作完全不生效。
• 单页应用路由感知缺失：Google Meet是典型SPA应用，从/lookup路径跳转到会议链接时，不会触发全页导航，仅靠tab级更新监听大概率捕捉不到对应的URL变更，自然无法触发停止刷新的逻辑。

核心调整思路 #

• 把定时器ID从局部变量改为按tabId维度独立存储的映射表，保证每个标签页的刷新定时器独立管理，不会跨tab干扰、也不会因为作用域问题丢失标识。
• 仅在明确检测到URL变更时执行判断逻辑，避免常规加载事件误触发分支。
• 补充SPA路由监听，确保能捕捉到页面内部的URL跳转。

后台脚本参考实现 #

// 按tabId存储对应定时器ID，避免作用域丢失
const tabRefreshTimers = {};

// 通用清除方法：清理指定tab的刷新定时器
function clearTabTimer(tabId) {
  if (tabRefreshTimers[tabId]) {
    clearInterval(tabRefreshTimers[tabId]);
    delete tabRefreshTimers[tabId];
  }
}

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  // 无明确URL变更时直接跳过，避免加载事件误判
  if (!changeInfo.url) return;

  // 进入逻辑前先清空当前tab的旧定时器
  clearTabTimer(tabId);

  // 匹配目标规则时启动新的30秒刷新定时器
  if (/^https:\/\/meet.google.com\/lookup/.test(tab.url)) {
    tabRefreshTimers[tabId] = setInterval(() => {
      chrome.tabs.reload(tabId);
    }, 30000);
  }
});

// 监听标签页关闭事件，同步清理对应定时器，避免内存泄漏
chrome.tabs.onRemoved.addListener(clearTabTimer);

SPA场景适配补充 #

因为Meet的内部路由跳转不触发全页导航，需要通过内容脚本监听页面URL变化，同步给后台：

1. 在内容脚本中添加URL监听：

let recordedUrl = location.href;
// 监听页面DOM变化，捕捉SPA路由跳转
new MutationObserver(() => {
  const currentUrl = location.href;
  if (currentUrl !== recordedUrl) {
    recordedUrl = currentUrl;
    // 通知后台页面URL已变更
    chrome.runtime.sendMessage({
      action: 'urlChanged',
      currentUrl: currentUrl
    });
  }
}).observe(document.documentElement, {
  childList: true,
  subtree: true
});

2. 在后台脚本中补充消息监听，收到URL变更通知后执行和tab更新事件一致的判断逻辑：

chrome.runtime.onMessage.addListener((message, sender) => {
  if (message.action !== 'urlChanged') return;
  const currentTabId = sender.tab.id;
  // 先清除旧定时器
  clearTabTimer(currentTabId);
  // 匹配目标页面时启动新定时器
  if (/^https:\/\/meet.google.com\/lookup/.test(message.currentUrl)) {
    tabRefreshTimers[currentTabId] = setInterval(() => {
      chrome.tabs.reload(currentTabId);
    }, 30000);
  }
});

注意：原代码中用chrome.tabs.executeScript注入window.location.reload()的方式，需要额外申请内容脚本权限，替换为原生chrome.tabs.reload(tabId)API更稳定，不需要额外注入页面脚本就能完成刷新操作。

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