使用 .crx 将预定义数据发送到浏览器本地存储

Question

我正在构建我的第一个 Chrome 扩展，因为我想在客户端浏览器上有一些预定义的数据。

我希望用户能够通过扩展来编辑数据并保存更改。

我首先想到使用 HTML5 本地数据库 或 Indexed Database API 来实现此目的。（我做得对吗？）

但我不知道如何将此本地数据库发送到客户端放在 .crx 中......因为数据库将与浏览器而不是扩展程序一起使用。

如何通过.crx将数据发送到客户端浏览器并将数据保存在浏览器上？ （我知道在浏览器上保存数据是不对的，但是如果我将数据与扩展名一起保存，则无法将数据保存回来）

我还可以使用其他什么方式来实现该要求？

如果我想使用Indexed Database API，我可以使用相同的方法吗？

---

我的数据不是简单的键值对，而是表类型的数据。
我没有任何数据访问部分的代码，因为我想在继续之前确定一下

Answer 1

不，您不能使用 ctx 文件发送数据库文件。简单地说，您无法在客户端替换它。
实际上，您有两个选择：

1）将预定义数据保存到您的扩展中（在任何扩展文件中。将整个查询或数据保存为 JSON），并在首次运行后将这些查询执行到本地数据库。

2) 创建 Web 服务，从中获取预定义数据并将其保存到本地数据库。

例如（data.json）：

[{"name":"name", "desc":"desc","some_column":"some value"},{"name":"name", "desc":"desc","some_column":"some value"}, ...]

在background.html中：

var xhr = new XMLHttpRequest();
xhr.open('GET', chrome.extension.getURL('data.json'), false);
var dataStr = xhr.send(); //don't do this way. use asynch api :)
var data = JSON.parse(dataStr);
//connect to local database
for(var _item in data){
    //create query to insert data into DB
    //and exequte query
}