Chrome扩展后台Service Worker仅开DevTools时运行完整，爬虫任务中断如何解决？

问题根因 #

你遇到的是Chrome扩展Manifest V3版本Service Worker（以下简称SW）的默认生命周期限制：Chrome会在SW空闲30秒后自动销毁其进程，打开开发者工具时Chrome会强制保持SW活跃，所以才会出现开控制台正常、关了就提前终止的情况。另外你现有代码的两个问题也会加重这个故障：

• 全局变量runs、window_id、tab_id都存在SW的内存中，SW销毁后变量直接丢失，重启后无法恢复运行状态
• 重复注册chrome.tabs.onUpdated监听器，会导致逻辑多次触发，也会干扰SW的空闲检测

可行解决方案 #

方案1：使用offscreen离屏页面托管爬虫逻辑（最稳定） #

Manifest V3提供的chrome.offscreen API可以创建一个隐藏的页面上下文，不会被Chrome主动销毁，非常适合运行连续的爬虫任务：

1. 在manifest.json中声明权限："permissions": ["offscreen"]
2. 新建offscreen.html，把你原来的爬虫逻辑放到这个页面对应的JS文件中
3. SW只负责在启动时创建离屏页面，触发任务执行即可

方案2：优化SW逻辑适配生命周期 #

如果不想用离屏页面，可以按以下规则修改代码：

1. 持久化运行状态：把runs、window_id、tab_id这些状态存到chrome.storage.local中，不要存在内存里，SW重启后可以从存储读取状态继续执行
2. 等待所有异步操作完成：fetch、Chrome扩展API都改为async/await写法，避免异步操作还没完成SW就被销毁
3. 延长SW生命周期：在事件回调中使用e.waitUntil()包裹异步逻辑，告诉Chrome当前还有任务在执行，不要销毁SW
4. 移除重复的监听器注册：全局只注册一次chrome.tabs.onUpdated监听器即可，不要在openWindow和onStartup中重复添加

优化后代码示例（SW适配版） #

const keywords = [
    "Keyword1",
    "Keyword2",
    // ...
    "Keyword13"
];

// 全局仅注册一次监听器
chrome.tabs.onUpdated.addListener(loadingWindow);
chrome.runtime.onStartup.addListener(async () => {
    // 初始化状态存入持久化存储
    await chrome.storage.local.set({ runs: 0, window_id: null, tab_id: null });
    await openWindow();
});

async function openWindow() {
    const { runs, window_id, tab_id } = await chrome.storage.local.get(["runs", "window_id", "tab_id"]);
    if (runs == 0) {
        const newWindow = await chrome.windows.create({ url: getUrl(keywords[runs]), type: "normal" });
        await chrome.storage.local.set({ window_id: newWindow.id });
    } else {
        await chrome.tabs.update(tab_id, { url: getUrl(keywords[runs]) });
    }
}

async function loadingWindow(tabId, changeInfo, tab) {
    const { window_id } = await chrome.storage.local.get("window_id");
    if (changeInfo.status === 'complete' && tab.status == 'complete' && tab.windowId == window_id) {
        await chrome.storage.local.set({ tab_id: tabId });
        chrome.tabs.sendMessage(tab.id, { text: source }, doStuffWithDom);
    }
};

async function doStuffWithDom(domContent) {
    let payload = {};
    const data = new FormData();
    data.append("json", JSON.stringify(payload));
    // 等待请求完成再执行后续逻辑，避免SW提前销毁导致请求丢失
    await fetch(".../store.php", { method: "POST", body: data });
    await crawlDone();
}

async function crawlDone() {
    const { runs, window_id } = await chrome.storage.local.get(["runs", "window_id"]);
    const newRuns = runs + 1;
    await chrome.storage.local.set({ runs: newRuns });
    if (newRuns < keywords.length) {
        await openWindow();
    } else if (newRuns == keywords.length) {
        await chrome.windows.remove(window_id);
        // 任务完成清空存储的状态
        await chrome.storage.local.remove(["runs", "window_id", "tab_id"]);
    }
};

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