javascript - 如何从后台页面中的JS变量所在文件夹中的文件中获取数据？

Question

所以我的问题是这样的:我有一个 box.html，其中包含一些 <div> s。它太大了，无法作为字符串存储在后台脚本中。如果 html 只存储为字符串变量，那么更改 html 中的任何内容都会非常不方便。

我不知道如何从background.js访问该文件，以便所有html都存储在像var box = "some html"这样的变量中

这样，当我拥有该变量时，我可以在需要时将其传递给内容脚本。

我知道chrome.extension.getURL('box.html');获取我需要的文件的路径，但是如何加载该文件？

在 Firefox 中，这很简单:self.data.load('box.html');在main.js中 那么 google chrome 是否有类似的调用？

Answer 1

我过去通过 jQuery 使用简单的 ajax 请求来解决这个问题:

var myDiv = document.queryElement('my_div');

$.get(chrome.extension.getURL('box.html'), function(data) {
  myDiv.innerHTML = data;
});