如何从与后台页面中的JS变量位于同一文件夹中的文件中获取数据

How to get data from file in the same folder as a JS variable in a background page?

本文关键字:于同一 文件夹 文件 数据 获取 变量 JS 后台      更新时间:2023-09-26

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

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

这样,当我有了这个变量,我就可以在需要的时候把它传递给内容脚本

我知道chrome.extension.getURL('box.html');获得了我需要的文件的路径,但我该如何加载该文件?

在Firefox中,这只需在main.js中使用:self.data.load('box.html');即可完成那么,谷歌chrome也有类似的需求吗?

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

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