Javascript Chrome扩展-保存状态

我正试图编写一个广告拦截器

我在拯救国家方面遇到了一些问题。这是我的代码：

    $(".slider").click(function() {
        if( $("#checkbox").is(":checked") ){
            $("#onOroff").text("OFF");
            $(".slider").css({"background-color": "#C75052"});

        } else {
            $("#onOroff").text("ON");
            $(".slider").css({"background-color": "#50c878"});
        }
    }); // Switches it from On and Off


    var valueToBeSaved = document.getElementById('checkbox').value;

});

这是黑名单：

    "*://*.port80adge.hit.gemius.pl/*",
    "*://*.youtube.com/*",
    ];

    var enabled = true;
    chrome.webRequest.onBeforeRequest.addListener(
            function(details) {
                console.log("blocking:", details.url);
                return {cancel: true};
            },
            {urls: blackList},
            ["blocking"]
        );

我有两个独立的文件，一个用于脚本，另一个用于黑名单（因为黑名单可能会变得很长）

我想保存应用程序的状态。我用输入做了一个开关。我见过使用chrome存储来保存状态的例子，但老实说，我无法进行必要的适当调整，以使其在我的情况下工作