Chrome扩展程序开发启用/禁用变量

Question

我目前正在尝试制作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>

这是我的Js代码：

    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';
    }
};

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