Javascript Chrome扩展开发启用/禁用变量

我目前正在尝试做一个Chrome扩展，但我遇到了一个问题，我也找不到解决办法

好的，基本上我有一个弹出窗口，我创建了一个名为isEnabled的变量，默认情况下它设置为false，但是当用户点击一个按钮时，它会将变量更改为true，弹出窗口底部有一些html文本，它会根据isEnabled变量的大小而改变

但当用户关闭/离开弹出窗口时，变量将返回默认值

以下是我的popup.html代码：

<div div class="state">
            <font color="black">Status: </font>
            <font color="red" id="theState">DISABLED</font>
        </div>
        <script src="scripts/popup.js"></script>

---

因此，如果用户关闭/离开弹出窗口，甚至关闭浏览器，如何使变量不重置？

使用cookie。有一大堆关于如何做的信息。弹出窗口和后台在不同的上下文中运行-查找“消息传递”来完成这一点。使用cookie。有一大堆关于如何做的信息。弹出窗口和后台在不同的上下文中运行-查找“消息传递”来完成这一点。

    var statusButton = document.getElementById('status');
var theState = document.getElementById('theState');

//default 
var isEnabled = false;

statusButton.onclick = function () {
    if(isEnabled == false){
        isEnabled = true;
        theState.innerHTML='DISABLED';
    }
    else if(isEnabled == true){
        isEnabled = false;
        theState.innerHTML='INABLED';
    }
};