chrome扩展存储api不会设置数组

Question

因此，我正在开发Chrome扩展程序，并在此处使用Storage API。 据我所知，我能够存储JS对象和数组。

我有一段代码：

chrome.storage.sync.get(["fflist", "signature", "quote", "avatarHide", "ads", "tweet", "filters", "vine", "webm", "cats", "main", "tree", "embedTweet"],function (obj){
    g = obj;

   //all my functions and code are wrapped inside here, the rest of the options      
   //returned inside g are either primitives (booleans) and I have one object. 

    var t = g.fflist
    t.push(a[0])
    console.log(t)
    chrome.storage.sync.set({"fflist": t},function (){
    });
    console.log(g.fflist[0])
});

a[0]是我知道的一些jQuery对象，它不是空的，而是我想要的。

现在， console.log(g.fflist[0])的输出显示g.fflist[0]具有我要存储的正确值。 例如<tr class="forum forum_268">..</tr>

然后，我重新加载页面。 突然，当我记录console.log(g.fflist[0])的输出时，它似乎只是一个空对象， Object {}这没有任何意义，为什么

更新：解决方案

我当时很傻，以为可以将DOM对象或jQuery对象存储在存储缓存中。 但是，使用blunderboys注释并结合以下代码可以再次找到这些类；

    var geg = new RegExp("forum ([a-zA-Z0-9_]+)")
    var g = geg.exec(thing)
    if (g!=null){
        $("#favouriteForums").after($("."+g[1]))
     }

thing是我存储在存储中的类名称属性。

由于我不能存储对这些元素的更改，而只能参考原始文档，因此我现在需要即时复制这些更改，但这应该不会太困难

Answer 1

如您的帖子所述，您正在尝试将jQuery对象保存在Chrome存储区域中。 您需要了解对象，数组和类似数组的对象之间存在区别。

jQuery对象只是HTML DOM元素的包装，它只是一个引用。

您可能希望将元素的选择器存储在chrome存储区中，然后使用该选择器再次获取该元素。

这是您可以执行的操作：

chrome.storage.sync.get(["fflist", "signature", "embedTweet"],function (obj){
    g = obj;

   //all my functions and code are wrapped inside here, the rest of the options      
   //returned inside g are either primitives (booleans) and I have one object. 

    var t = g.fflist || [];
    // Add selector of a into t
    t.push('.my-class-selector'); //Selector is a string
    console.log(t);
    chrome.storage.sync.set({'fflist': t}, function (){ });
    console.log(g.fflist[0]);
});

要获取元素，可以使用$(g.fflist[0]) ;