尝试在chrome扩展选项页面中将网站添加到localstorage

Question

我希望能够将网站添加到Chrome扩展程序选项页面。所以我有一个带有“保存”按钮的文本框，我希望能够保存多个网站，以便以后编辑或删除它们。像这样：

输入网址：| _ __ _ __ _ __ | |的 _ 保存 _ |

修改删除 - www.google.com
编辑删除 - www.msn.com
编辑删除 - www.yahoo.com

进入网站并单击“保存”后，它会将其添加到已存在的网站列表中。我一直试图清理互联网，试图弄清楚如何实现这一点，但我只是不知道如何完成它。

Answer 1

我建议使用chrome.storage代替localStorage：http://developer.chrome.com/extensions/storage.html

太棒了。您甚至可以选择在Google个人资料中在线存储数据（最多100KB）。否则离线（我认为最多100MB）。

API也非常简单：

chrome.storage.local.get('websites', function(items) {
  console.log('websites:', items.websites);
});

与localStorage不同，它是异步的，因此您将使用回调。但它快速闪电，因此UI不会注意到。

我要做的不是保存存储的虚拟记录，而是将其保存为HTML并根据需要读取/写入：

• btnAdd将新LI添加到列表中，然后保存列表
• btnEdit填充文本字段并从列表中删除LI（无保存）（通过btnAdd保存）
• btnDelete从列表中删除LI并保存列表
• save =从列表中获取项目作为数组并保存到存储
• init =从存储和填充列表中加载项目

http://jsfiddle.net/rudiedirkx/Zbpmx/

我假设jQuery因为它很受欢迎。当然没有必要。

如果您已经遇到此问题，Chrome扩展程序将非常困难。