在Chrome扩展Service Worker中使用chrome.storage遇错求助

架构老林

2026-7-27

问题解决：Chrome扩展中chrome.storage.local调用报错的修复

核心错误原因

你的manifest.json中permissions字段被错误嵌套在action内部，导致扩展无法获取storage权限，进而出现chrome.storage为undefined的报错。此外代码中还有几处逻辑问题需要修正。

修复步骤

1. 修正manifest.json的权限配置

将permissions从action字段中移出，作为根级字段存在：

{
  "manifest_version": 3,
  "name": "Tab Counter",
  "author": "CatRass",
  "description": "Count total amount of opened tabs",
  "version": "1.0",
  "action": {
    "default_popup": "main.html",
    "default_icon": "icon.png"
  },
  "permissions": [
    "tabs",
    "storage"
  ],
  "background": {
    "service_worker": "js/background.js",
    "type": "module"
  }
}

2. 修正background.js的逻辑错误

初始化时定义初始计数为0
修复chrome.storage.get的取值（应该取result.tabsOpened而非result.key）
实现标签页打开时的计数累加逻辑

chrome.runtime.onInstalled.addListener(async () => {
  chrome.action.setBadgeText({ text: "0" });
  // 初始化存储的计数为0
  await chrome.storage.local.set({ "tabsOpened": 0 });
});

chrome.tabs.onCreated.addListener(async () => {
  console.log("Tab Opened");
  // 获取当前计数并累加
  const result = await chrome.storage.local.get(["tabsOpened"]);
  const currentCount = result.tabsOpened || 0;
  const newCount = currentCount + 1;
  await chrome.storage.local.set({ "tabsOpened": newCount });
  // 更新徽章显示
  chrome.action.setBadgeText({ text: newCount.toString() });
  console.log("Current tab count:", newCount);
});