Question

我需要保存扩展状态。如果启用，则代码将在特定网站上运行，否则，代码将不在特定网站上运行。

由于我还不完全了解，所以我还不知道该怎么做。

这是复选框的html：

<div class="onOff">
      <label class="switch">
        <input id="checkbox" type="checkbox" value="saveValue" />
        <span class="slider round" id="theSwitch"></span>
      </label>

      <span id="onOroff">OFF</span>
</div>

这是jQuery代码，仅在单击按钮时更改颜色和文本（bg颜色，打开/关闭文本）。

    if ($("#checkbox").is(":checked")) {
      $("#onOroff").text("OFF");
      $(".slider").css({ "background-color": "#C75052" });
    } else {
      $("#onOroff").text("ON");
      $(".slider").css({ "background-color": "#50c878" });
    }
  });

在这里您可以看到扩展名：https://imgur.com/a/Ip63ExB

单击扩展名并打开它时，Chrome会将其视为正在打开的另一页，因此当我打开扩展名（单击“关闭”）并关闭扩展名窗口时，重新打开它并没有保存该状态。

我认为我需要在变量中保存选中/未选中状态，将其传递给chrome.Storage并让chrome.storage保存按钮的最新版本（绿色或红色，绿色表示已选中）。

保存扩展状态（打开或关闭）

0 个答案: