如何在本地存储Firefox扩展图标状态

"icons": {
  "16": "icon16.png",
  "48": "icon48.png",
  "128": "icon128.png"
},
"iconStatus": "active"

// 读取图标状态
browser.storage.local.get("iconStatus").then(result => {
  const iconStatus = result.iconStatus;
  // 根据图标状态设置扩展图标
  setExtensionIcon(iconStatus);
});

// 存储图标状态
browser.storage.local.set({ "iconStatus": "active" });

// 监听切换按钮点击事件
document.getElementById("toggleButton").addEventListener("click", () => {
  // 读取当前图标状态
  browser.storage.local.get("iconStatus").then(result => {
    const iconStatus = result.iconStatus;
    // 根据当前状态切换为相反的状态
    const newIconStatus = iconStatus === "active" ? "inactive" : "active";
    // 存储新的图标状态
    browser.storage.local.set({ "iconStatus": newIconStatus });
    // 根据新的状态设置扩展图标
    setExtensionIcon(newIconStatus);
  });
});

function setExtensionIcon(iconStatus) {
  const iconPath = iconStatus === "active" ? "activeIcon.png" : "inactiveIcon.png";
  browser.browserAction.setIcon({ path: iconPath });
}