crossrider - 在 crossrider 浏览器扩展代码中使用本地存储

Question

我必须在 crossrider 浏览器扩展的扩展 .js 代码中使用浏览器的 localStorage 变量 如何访问 crossrider 扩展代码中的 localStorage 变量就像我想使用 localStorae.setItem("foo","demo")如何在扩展代码中访问 foo 变量

Answer 1

如果我没理解错的话，你可以简单地将localStorage返回的值赋给一个变量，如下:

在extension.js 文件中:

appAPI.ready(function($) {
    var dataFromLocalStaorage = localStorage.getItem("foo");
    console.log('Value is ' + dataFromLocalStaorage);
});

但是，我们建议您使用以下 Crossrider API 来处理本地存储:appAPI.db用于与 Crossrider 的本地数据库实现同步工作，appAPI.db.async用于与 Crossrider 的本地数据库实现异步工作。这适用于 Crossrider 支持的所有浏览器。

因此，例如，您可以从本地数据库保存和检索数据，并在您的扩展代码中使用它们，如下所示:

在extension.js 文件中:

appAPI.ready(function($) {
    // Extension variable
    var dataToSaveToLocalDB = {scriptName: "Hello World", scriptType: "JS"};

    // Save variable to local database
    appAPI.db.set('myData', dataToSaveToLocalDB);

    // Retrieve variable from the local database
    var dataRetrievedFromLocalDB = appAPI.db.get('myData');

    // Use the variable in the extension
    console.log('Script name: ', dataRetrievedFromLocalDB.scriptName);
});