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

【问题标题】：Using local storage in crossrider browser extension code在 crossrider 浏览器扩展代码中使用本地存储
【发布时间】：2013-04-26 10:54:35
【问题描述】：

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

【问题讨论】：

标签： crossrider

【解决方案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);
});

【讨论】：