Chrome扩展MV3中如何检测浏览器重启以清理存储变量myVar

核心思路 #

利用Chrome扩展提供的chrome.runtime.onStartup事件，该事件仅在浏览器启动时触发，Service Worker闲置后重启不会触发此事件。通过在这个事件中清除扩展存储里的myVar，就能实现浏览器重启后移除变量，而SW中途重启时保留变量的需求。

代码实现 #

在你的background.js中添加以下逻辑：

// 浏览器启动时触发，清除存储中的myVar
chrome.runtime.onStartup.addListener(async () => {
  await chrome.storage.local.remove('myVar');
});

// 封装myVar的设置方法
async function setMyVar(value) {
  await chrome.storage.local.set({ myVar: value });
}

// 封装myVar的获取方法
async function getMyVar() {
  const data = await chrome.storage.local.get('myVar');
  return data.myVar;
}

逻辑说明 #

• 当浏览器重启后，chrome.runtime.onStartup会被触发，此时直接清除chrome.storage.local中的myVar，确保浏览器重启后变量不会保留。
• 若只是Service Worker因闲置被终止后重启，onStartup事件不会触发，存储中的myVar会被保留，符合你需要的临时持久化需求。
• 使用异步操作处理扩展存储，避免回调嵌套，保证逻辑的可靠性。

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