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

Question

我必须在扩展.js代码中使用浏览器的localStorage变量.交叉浏览器扩展的代码如何访问crossrider extenson代码中的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);
});