Chrome扩展background.html获取当前网页URL不稳定问题修复

代码出现默认值about:blank的核心原因有三点：

• 依赖全局变量缓存URL的逻辑不可靠：chrome.tabs.onUpdated的触发时机不覆盖所有场景，首次安装扩展、切换到已经加载完成的存量标签页、打开新标签页时该事件不会触发，全局变量会一直保留初始的默认值；同时事件回调内额外调用已废弃的chrome.tabs.getSelectedAPI，本身存在兼容性问题，还会出现事件触发时标签页URL尚未更新完成的时序问题。
• 冗余调用多余API：chrome.tabs.onUpdated的回调参数本身就携带当前更新的标签页对象，不需要额外调用查询API获取标签信息。
• 未使用事件自带的准确参数：右键菜单点击事件的回调函数本身就会传入触发菜单时所在的标签页对象，是时序最准确的URL来源，完全不需要提前缓存全局变量。

直接移除全局缓存URL的逻辑，从对应事件的回调参数中直接获取URL，从根源上避免时序和事件覆盖不全的问题。

针对右键菜单获取URL的场景 #

这是当前代码的核心使用场景，直接用事件回调传入的tab参数取URL即可，100%匹配用户点击右键时所在页面的真实地址，不会出现默认值：

chrome.contextMenus.onClicked.addListener(function(info, tab) {
  // 优先取tab对象的url，兜底取右键信息里的pageUrl，最后才用默认值
  const targetUrl = tab?.url || info.pageUrl || "about:blank";
  logUrl(targetUrl);
})

function logUrl(myURL) {
  // ...原有其他逻辑
  eventProperties.setProperty('URI', myURL);
  // ...原有其他逻辑
}

如果需要在页面更新、标签切换时同步获取URL #

如果有其他场景需要实时拿到当前激活标签页的URL，补充对应事件监听即可，不要用全局变量硬存值，在事件回调内直接处理逻辑：

// 监听页面加载完成事件，避免拿到导航过程中的临时URL
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
  // 仅处理当前激活的标签页，且等页面加载完成后再取URL
  if (changeInfo.status === 'complete' && tab.active) {
    const currentUrl = tab.url;
    // 在这里直接写需要执行的逻辑，不要存全局变量
  }
});

// 监听标签切换事件，覆盖切换到已加载完成标签页的场景
chrome.tabs.onActivated.addListener(function(activeInfo) {
  chrome.tabs.get(activeInfo.tabId, function(tab) {
    const currentUrl = tab.url;
    // 在这里直接写需要执行的逻辑，不要存全局变量
  })
})

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