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。