Microsoft Edge扩展数据持久化异常引发重定向循环问题的解决方案求助

我之前也碰到过Edge和Chrome扩展行为不一致的类似问题，你的核心困扰在于Edge对后台脚本的内存状态持久化逻辑和Chrome存在差异——内存里的tabToUrl Map会在页面返回、后台脚本被闲置回收等场景下丢失，导致无法判断当前标签页是否已经处理过跳转，最终陷入循环跳转的"乒乓效应"。

下面是针对这个问题的具体解决方案：

核心思路 #

放弃使用内存中的Map存储标签页状态，改用Chrome/Edge扩展API提供的chrome.storage.local（持久化存储）来记录每个标签页的跳转状态；同时优化事件监听逻辑，避免重复触发跳转判断。

修改后的代码 #

manifest.json（仅需新增storage权限） #

{
  "manifest_version": 2,
  "name": "PopUp",
  "version": "1.0",
  "background": { "scripts": ["background.js"] },
  "permissions": ["activeTab", "tabs", "http://*/*", "https://*/*", "storage"],
  "icons": {
    "16": "icons/logo16.png",
    "32": "icons/logo32.png",
    "48": "icons/logo48.png",
    "128": "icons/logo128.png"
  }
}

background.js（重写状态存储与判断逻辑） #

const apps = [ ['AAA', 'AAA/aaa'], ['BBB', 'BBB/bbb'], ['CCC', 'CCC.xxx.yy'] ];

// 监听标签页更新事件，仅在页面加载完成时处理
chrome.tabs.onUpdated.addListener(async function(tabId, changeInfo, tab) {
  // 跳过页面加载中的中间状态，避免重复触发判断
  if (changeInfo.status !== 'complete' || !tab.url) return;

  let domain = new URL(tab.url).hostname.replace('www.', '').toLowerCase();
  
  // 如果当前是重定向目标页面，直接跳过处理
  if (domain.includes('popup.xxx.yy')) return;

  // 从持久化存储中获取当前标签页的跳转记录
  const storedData = await chrome.storage.local.get(`tab_${tabId}`);
  const hasJumpRecord = storedData[`tab_${tabId}`] === domain;

  // 查找当前域名是否属于需要跳转的目标站点
  const targetAppIndex = apps.findIndex(u => domain.includes(u[1]));

  if (targetAppIndex > -1 && !hasJumpRecord) {
    // 保存当前标签页的跳转记录，防止重复跳转
    await chrome.storage.local.set({ [`tab_${tabId}`]: domain });
    // 执行站点重定向
    chrome.tabs.update(tabId, { url: `http://popup.xxx.yy?title=${apps[targetAppIndex][0]}` });
  } else if (targetAppIndex === -1 && hasJumpRecord) {
    // 用户返回原站点时，清除对应标签页的跳转记录，恢复正常访问逻辑
    await chrome.storage.local.remove(`tab_${tabId}`);
  }
});

// 监听标签页关闭事件，清理对应存储记录，避免冗余数据
chrome.tabs.onRemoved.addListener(async function(tabId) {
  await chrome.storage.local.remove(`tab_${tabId}`);
});

关键修改点说明 #

1. 改用chrome.storage.local存储状态：内存变量在Edge中易因后台脚本回收、页面导航等场景丢失，而chrome.storage.local是浏览器级别的持久化存储，能可靠保存每个标签页的跳转状态。
2. 优化事件触发时机：仅在页面完全加载（changeInfo.status === 'complete'）时处理，避免页面加载过程中多次触发更新事件导致的重复判断。
3. 增加返回场景处理：当用户从重定向页面返回原站点时，自动清除该标签页的存储记录，确保下次进入原站点时不会再次触发跳转。
4. 清理冗余数据：监听标签页关闭事件，及时删除已关闭标签页的状态记录，避免存储冗余。

这个方案在Edge和Chrome中都能稳定运行，完美解决你遇到的循环跳转问题。

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