从chrome.storage.sync保存和检索

Question

我试图在铬同步存储中保存数据对象然后检索它,但get()函数总是返回一个空对象.我正在使用的代码是,

function storeUserPrefs() {
    var key='myKey', testPrefs = {'val': 10};
        chrome.storage.sync.set({key: testPrefs}, function() {console.log('Saved', key, testPrefs);});
}

function getUserPrefs() {
    chrome.storage.sync.get('myKey', function (obj) {
        console.log('myKey', obj);
    });
}

有人可以告诉我这里我做错了什么吗？

Answer 1

问题在于 chrome.storage.sync.set({key: testPrefs}

您的数据存储为

{
    key: "{"val":10}"
}

所以,你的代码chrome.storage.sync.get('myKey')返回undefined\empty对象.

解决方案一

使用字符串"key"作为密钥

chrome.storage.sync.get("key", function (obj) {
    console.log(obj);
});

要么

解决方案II

通过"myKey"Key 设置数据.

chrome.storage.sync.set({"myKey": testPrefs}

PS:不要忘记chrome.storage.sync永久存储API,在进行任何进一步测试之前使用chrome.storage.sync.clear来查看更改

参考

• 存储API

编辑1

使用此代码在Chrome.storage中设置变量值

function storeUserPrefs() {
    var key = "myKey",
        testPrefs = JSON.stringify({
            'val': 10
        });
    var jsonfile = {};
    jsonfile[key] = testPrefs;
    chrome.storage.sync.set(jsonfile, function () {
        console.log('Saved', key, testPrefs);
    });

}

它生成以下输出

Object{
    myKey: "{"val":10}"
}

Answer 2

一种更奇特的方法，它也能处理错误：

const getStorageData = key =>
  new Promise((resolve, reject) =>
    chrome.storage.sync.get(key, result =>
      chrome.runtime.lastError
        ? reject(Error(chrome.runtime.lastError.message))
        : resolve(result)
    )
  )

const { data } = await getStorageData('data')


const setStorageData = data =>
  new Promise((resolve, reject) =>
    chrome.storage.sync.set(data, () =>
      chrome.runtime.lastError
        ? reject(Error(chrome.runtime.lastError.message))
        : resolve()
    )
  )

await setStorageData({ data: [someData] })

Answer 3

function storeUserPrefs() {
    var key='myKey', testPrefs = {'val': 10};
    chrome.storage.sync.set({[key]: testPrefs}, function() {
      console.log('Saved', key, testPrefs);
    });
}

保存时,您可以强制使用[key]来评估变量键.这种方式很容易动态设置您的密钥.希望有所帮助.