Firefox WebExtensions API如何使AJAX调用到当前选项卡网站

Question

我希望我的Web扩展可以对用户当前正在查看的网站进行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>例如将允许你做出HTTP请求任何网址。

您可以阅读更多here。