我可以在localStorage中保存popup.html的输入数据吗?

时间:2016-10-01 08:07:49

标签: javascript google-chrome google-chrome-extension

我正在进行非常简单的扩展。我的popup.html有一些radiobuttons,代表用户的一组预定义选项。问题是我的内容脚本的逻辑取决于这些选项。

所以,我的问题是: 让我们假设我会将一个脚本附加到' popup.html' (会见Chrome CSP)监听我的radiobuttons选择中的任何变化,并且一旦发生就会像.localstorage.setItem(key,value)那样?我的内容脚本能否在适当的时候从本地存储中获取此值?

1 个答案:

答案 0 :(得分:1)

当然,你可以做到这一点。这里有两个例子:

chrome.storage.local.set({'value': theValue}, function() {
    // Notify that we saved.
    message('Settings saved');
});

chrome.storage.local.get('value', function(obj) {
    //Notify that we get the value.
    message('Value is ' + obj.value);
});

或者您可以使用同步存储:

chrome.storage.sync.set({'value': theValue}, function() {
    // Notify that we saved.
    message('Settings saved');
});

chrome.storage.sync.get('value', function(obj) {
    //Notify that we get the value.
    message('Value is ' + obj.value);
});

这是the documentation

chrome.storagewindow.localStorage之间的区别在于,您可以在每个最近的浏览器上使用window.localStorage。也在网站上。存储的对象将被存储,直到用户关闭浏览器。

您正在构建Chrome扩展程序,因此我建议您使用为其制作的API。