Chrome未设置本地存储空间

时间:2016-06-29 00:56:46

标签: javascript google-chrome local-storage google-chrome-app

我正在创建一个Chrome打包应用。我想在用户第一次打开应用程序时显示EULA。我想要Chrome浏览器的本地存储空间来测试该应用是否已被打开。

这是我的javascript:

function disagree(){
    chrome.storage.local.set({eula:'false'}, function(result) {
        console.log(result.eula)});
        // console.log returns undefined
        // Returns: TypeError: Cannot read property 'eula' of undefined
    document.getElementById("eulaDisagree").style.display = "block";
}
function agree(){
    chrome.storage.local.set({eula:'true'}, function(result) {
        console.log("Set eula: " + result.eula);
        // console.log returns undefined
        // Returns: TypeError: Cannot read property 'eula' of undefined
        chrome.storage.local.get("eula"), function(result){
        console.log("Get Result: " + result.eula)};
        // Returns this error: extensions::uncaught_exception_handler:8 Error in response to 
        // storage.set: Error: Invocation of form get(string) doesn't match definition 
        // get(optional string or array or object keys, function callback)
    });

    document.getElementById("background").style.height = "0%";
    document.getElementById("foreground").style.height = "0%";
    document.getElementById("foreground").style.border = "none";
}

// Creates event listeners
document.addEventListener('DOMContentLoaded', function(){
    document.getElementById("disagree").addEventListener("click", function(){
    disagree();
    }); 
    document.getElementById("agree").addEventListener("click", function(){
    agree();
    });
});

问题是Chrome没有将数据存储到本地存储。

3 个答案:

答案 0 :(得分:1)

你没有正确使用chrome.storage api。请查看StorageArea.getStorageArea.set api。

的定义
  1. StorageArea.set(object items, function callback)。回调函数没有参数
  2. StorageArea.get(string or array of string or object keys, function callback),您应该将回调作为参数。
  3. 示例用法如下:

    chrome.storage.local.set({ eula: true });
    chrome.storage.local.get('eula', function (results) {
        console.log(results.eula);
    });
    

答案 1 :(得分:0)

我认为问题来自两个小错误。

我相信在设置键值对时

chrome.storage.local.set({eula:'false'}, function() {});

eula应该是一个字符串{'eula':'false'} 这可能是它首先没有设置的原因。

它是console.logging undefined的原因是因为set不会将结果参数发送到仅与get方法一起发生的回调函数。

如果将eula设置为字符串将设置存储对象,那么get方法应该停止抛出错误。

答案 2 :(得分:0)

我似乎有get错误的语法。我将我的javascript更改为以下内容:

function disagree(){
    chrome.storage.local.set({'eula':'false'}, function() {
        console.log("False")});
    document.getElementById("eulaDisagree").style.display = "block";
}
function agree(){
    chrome.storage.local.set({'eula':'true'}, function() {
        var eulaV;
        console.log("True");
        chrome.storage.local.get('eula', function(result){
        eulaV = result.eula;
        console.log(eulaV);
        });
    });
    document.getElementById("background").style.height = "0%";
    document.getElementById("foreground").style.height = "0%";
    document.getElementById("foreground").style.border = "none";
}

我不再有任何错误。一切正常。