javascript - 无法在 Chrome 存储中存储和检索

Question

首先，如果这个问题听起来与其他问题相似，我深表歉意。我做了很多研究，我想我无法将我的情况和其他人使用此 API 遇到的问题拼凑起来。

我正在创建一个 chrome 应用程序，它基本上演示了从 Chrome 存储 API 存储和检索数据的能力。一旦我习惯了这样做，我就可以在我正在制作的更大的应用程序中实现它。

但是，我似乎无法让基本应用正常运行。这是相关代码:

“存储.js”

function Store(key,data) {

    console.log("Data: " + data);

    chrome.storage.local.set({ key: data }, function () {

        console.log("Secret Message Saved!");

    });

}

function Retrieve() {

    chrome.storage.local.get(function (data) {

        console.log("The data stored is:" + data);

    });

}

“master.js”(主脚本)

var myKey = "secretMessage";
var myData = "Pssst!";

Store(myKey, myData);

Retrieve(myKey);

console.log("Done!");

我很迷茫。我得到的输出是:

Data: Pssst!
Done!
Secret Message Saved!
The data stored is:[object Object]

看来我存储错误或检索错误。

我已经查看了文档。也许我只是不理解 API 的概念以及它能够存储和检索的内容。我对使用 javascript 语言进行编码还很陌生。任何帮助将不胜感激!

谢谢!

Answer 1

首先， chrome.storage.local.set & chrome.storage.local.get 是异步方法，你必须等到 chrome.storage.local.set 将数据存储到存储中，然后你应该调用 chrome.storage.local.get。

其次， chrome.storage.local.get 正在返回一个对象。您可以使用 .toString() 或 JSON.stringify(data)

查看对象

function Store(key,data, callback) {

    console.log("Data: " + data);

    chrome.storage.local.set({ key: data }, function () {

        console.log("Secret Message Saved!");
        callback(true);

    });

}

function Retrieve(success) {

    chrome.storage.local.get(function (data) {

        console.log("The data stored is:" + JSON.stringify(data));

    });
}

var myKey = "secretMessage";
var myData = "Pssst!";

Store(myKey, myData, Retrieve);

console.log("Done!");