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);
});