Chrome内容脚本:保存到数据库

时间:2014-01-18 04:06:28

标签: javascript google-chrome google-chrome-extension content-script

所以我制作了一个非常简单的Chrome内容脚本(或者如果允许的话,应该这样做。)

所以我希望能够在网页上保存某些内容以供将来参考。例如,假设我去quora并搜索某些内容。我希望能够保留该查询,例如,用户访问的下几个网页。我在想是否可以从一个可以工作的内容脚本中将值保存到数据库,如果不是一个简单的方法将它保存在cookie中或者可以工作的话。

有什么想法?这可能是内容脚本吗?

1 个答案:

答案 0 :(得分:1)

localStorage的

在浏览器中存储了一个名为 localStorage 的特殊API。存储键值对非常有用。

localStorage["key1"] = "value1";
console.log(localStorage["key1"]); // value1

关键是localStorage在数据持久性方面与cookie类似。这意味着即使退出浏览器,您也可以获得保存的数据。

很好地阅读了localStorage:http://diveintohtml5.info/storage.html

chrome.storage(最好的方式)

实际上,Chrome有自己的localStorage类似物。它被称为 chrome.storage API。如果您使用内容脚本,我认为这是最适合您的方式。关键是您的内容脚本可以直接访问数据,不需要背景页面。还应该提到的是,您可以使用chrome.storage存储对象(localStorage仅存储字符串)。

像往常一样,Google提供了一个很好的API文档:http://developer.chrome.com/extensions/storage.html

索引资料

如果您需要存储大量数据,最好的方法是使用浏览器数据库,例如 IndexedDB 或Web SQL(自2010年以来,不再使用Web!SQL SQL)。 / p>

阅读有关IndexedDB的更多信息: https://developer.mozilla.org/en/docs/IndexedDB http://www.html5rocks.com/en/tutorials/indexeddb/todo/

有关Web SQL的更多信息: http://html5doctor.com/introducing-web-sql-databases/