0

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

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

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

输入网站并单击保存后，它会将其添加到已经存在的网站列表中。我一直在尝试搜索互联网以试图弄清楚如何实现这一点，但我只是对它了解得不够多，无法完成它。

4

1 回答 1

1

我建议chrome.storage不要：http localStorage: //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 扩展程序将非常困难。

于 2013-09-03T21:21:28.730 回答