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>for 例如将允许您向任何 url 发出 http 请求。

您可以阅读更多here。