jquery - 保存 DOM 元素以便稍后在另一个页面中使用(Chrome 扩展)

Question

我正在尝试保存一个 DOM 节点，以便稍后将其插入到同一网站的另一个页面中。

我正在将 jQuery 与我的扩展一起使用。我在 content_script.js 中所做的是:

var variableToStore = localStorage["variableToStore"];

if (variableToStore == null) {
    localStorage["variableToStore"] = jQuery("#myDomNode").clone();
    variableToStore = localStorage["variableToStore"];
}

variableToStore.insertAfter(jQuery("#someelementofanotherpage"));

我做错了什么？ localStorage无法保存DOM对象？如果没有，我怎样才能实现我的目标？

谢谢。

Answer 1

简单地说，不可以将 DOM 元素存储在本地存储中。即使使用 jStorage 插件，您也无法将 DOM 元素存储在本地存储中，如介绍文本中所述:http://www.jstorage.info/

您可以将 JavaScript 的 HTML 编码字符串存储在本地存储中，然后将其转换回 html(请参阅 this Q&A 以获取该领域的帮助)