javascript - Firefox WebExtensions API 如何对当前选项卡网站进行 AJAX 调用

Question

我希望我的网络扩展能够对用户当前正在查看的网站进行 AJAX 调用。我知道当前网站在 /foo/bar?query= 处有一个可用端点。

有什么东西阻止我使用 fetch API或 XMLHttpRequest联系此端点？

我尝试使用这些方法只是告诉我发生了服务器错误，并且当我尝试调试扩展时，网络选项卡中没有出现任何内容。我觉得应该有一个 WebExtensions API 来完成这项任务，但我找不到。

Answer 1

您可以使用 browser.tabs.getCurrent() 获取描述用户正在查看的当前选项卡的对象。 。该对象有一个属性 url ，然后您可以使用它来创建 XMLHttpRequest。

browser.tabs.getCurrent().then(currentTab => {
    let xhr = new XMLHttpRequest();
    xhr.open("GET", currentTab.url);
    // ...
});

编辑:
正如 Makyen 所指出的，tabs.currentTab实际上并不是你想要的。相反tabs.query与 active: true应该使用。类似的东西应该有效:

browser.tabs.query({active: true, currentWindow: true}).then(tabs => {
    let currentTab = tabs[0];
    let xhr = new XMLHttpRequest();
    xhr.open("GET", currentTab.url);
    // ...
})

为了发出跨源请求，您需要获得 manifest.json 中的许可文件:

{
  ...
  "permissions": [
    "tabs",
    "<all_urls>"
  ],
  ...
}

<all_urls>例如，将允许您向任何 url 发出 http 请求。

您可以阅读更多here .