javascript - 在 Chrome 扩展程序中的何处存储静态 JSON 数据？

Question

我的扩展程序中有大约 350 行静态 JSON 数据。该数据在内容脚本中使用，并且所有这些都是必需的。这是一个键值对列表。每当用户单击页面时，都会检查所有键是否符合条件并执行适当的操作。像这样的东西:

{
    "ABC": 323.32,
    "BDS": 23.12,
    "GTO": 96.52
}

放在哪里最好？我提出了三个想法:

• 将其直接包含在内容脚本中。
• 将其加载到事件页面中并使用消息传递来检索数据。
• 将它存储在一个 JSON 文件中，然后以某种方式使用 XHR 检索它。不过，我认为这是不可能的。

我知道 localStorage 并且我见过 Chrome 的各种其他类型的存储。但是，它们似乎是为用户使用扩展程序执行操作时生成的数据而设计的。

我的数据是静态的。安装扩展程序后，它不会更改。也就是说，直到扩展程序接收到更新并最终对其进行修改。

现在，数据在内容脚本中。我认为这不是很好，因为每次打开页面时它都会加载，而它根本没有改变。因此，事件页面似乎更合适。 但是，是否有针对此类数据设计的东西？

Answer 1

您可以使用 XHR 或 fetch 检索它。使用 chrome.extension.getURL 获取文件的 URL。

这应该有效:

fetch(chrome.extension.getURL('/data.json'))
    .then((resp) => resp.json())
    .then(function (jsonData) {
        console.log(jsonData);
    });

而且您还必须将它添加到您的 manifest.json 中:

"web_accessible_resources": [
  "data.json"
],