用于 chrome 扩展协议的 XMLHttpRequest

Question

我正在使用后台页面，我需要在当前选项卡内容中注入一些代码。

所以我做了以下事情：

• 定义 browser_action
• 像这样定义监听器chrome.browserAction.onClicked.addListener
• 通过chrome.tabs.executeScript调用content_scripts加载的脚本

从页面内容我需要从扩展文件夹中加载 html 资源。

但是使用这个 XMLHttpRequest 会给我错误Cross origin requests are only supported for HTTP

由 XMLHttpRequest 处理，错误 NETWORK_ERR: XMLHttpRequest Exception 101

那我该怎么解决呢？

注意：地址类似于chrome-extension://someextensionid/file.html

Answer 1

解决方法：

btoa(loadXHR(chrome.extension.getURL('file.html')))

在哪里

• btoa = 字符串到 base64
• loadXHR = 同步 xm​​lhttprequest
• chrome.extension.getURL = 解析扩展文件夹中的地址

这是在 background_page 中完成的，并使用

传递给前台脚本

chrome.tabs.executeScript

在前台，脚本将字符串转换为 html-string 和 dom 对象

var div = document.createElement('div');
div.innerHTML = atob(tbr);
document.body.appendChild(div);

在哪里

• document.createElement = 创建新的“”元素
• innerHTML = div 元素的 HTML 值，因此设置它会创建 DOM 可解析内容
• atob = base64 字符串到解码版本
• document.appendChild = 将带有 HTML 内容的 div 附加到 body 元素

Answer 2

代替：

btoa(loadXHR(chrome.extension.getURL('file.html')))

你应该可以使用：

loadXHR('file.html')

XMLHttpRequest 理解相对路径（根目录是您的扩展文件夹）。