javascript - 保存扩展的状态（开或关）

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 代码，当您单击按钮时会更改颜色和文本（背景颜色、开/关文本）。

    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 保存按钮的最后一个版本（绿色或红色，绿色表示它已选中）。

标签： javascriptjqueryhtmlcss