Chrome扩展开发求助：窗口关闭时无法正常触发Notification问题

你的推测是准确的：正常关闭浏览器时，Chrome会快速终止Service Worker进程，导致异步的chrome.notifications.create还未完成就被中断；而调试时断点会暂停进程，给了操作完成的时间。以下是可行的技术方案：

1. 用Keepalive请求延长Service Worker存活时间 #

通过发送一个带keepalive: true的空fetch请求，让Chrome保持Service Worker进程存活足够久，确保通知创建操作完成：

chrome.windows.onRemoved.addListener(async () => {
  // 发送keepalive请求，延长进程存活时间
  await fetch('data:text/plain;charset=utf-8,', { keepalive: true });

  // 创建通知并添加错误排查
  chrome.notifications.create("TEST", {
    type: "basic",
    iconUrl: "/img/logo.png",
    title: "【Notification】",
    message: "[TEST Notification]",
    priority: 2,
    buttons: [{ title: "OK" }],
    requireInteraction: true // 可选：让通知保持显示直到用户操作
  }, (notificationId) => {
    if (chrome.runtime.lastError) {
      console.error("通知创建失败:", chrome.runtime.lastError);
    }
  });
});

2. 仅在所有窗口关闭时触发通知 #

如果你的需求是关闭整个浏览器时触发（而非单个窗口），可以先检查是否还有其他窗口存在，避免误触发同时确保Service Worker仅在即将终止时执行操作：

chrome.windows.onRemoved.addListener(async (closedWindowId) => {
  const allWindows = await chrome.windows.getAll();
  // 确认所有窗口都已关闭
  if (allWindows.length === 0) {
    await fetch('data:text/plain;charset=utf-8,', { keepalive: true });
    
    chrome.notifications.create("TEST", {
      type: "basic",
      iconUrl: "/img/logo.png",
      title: "【Notification】",
      message: "[TEST Notification]",
      priority: 2,
      buttons: [{ title: "OK" }]
    });
  }
});

3. 确认权限配置正确 #

确保manifest.json中声明了必要的权限：

{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["notifications", "windows"],
  "background": {
    "service_worker": "sw.js"
  },
  "icons": {
    "16": "/img/logo.png",
    "48": "/img/logo.png",
    "128": "/img/logo.png"
  }
}

关键原理 #

keepalive: true的fetch请求会告诉Chrome需等待该操作完成后再终止进程，从而给chrome.notifications.create的异步操作留出执行时间。添加错误回调则可以帮你排查是否存在权限缺失、路径错误等其他隐性问题。

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