Firefox WebExtensions API AJAXを現在のタブウェブサイトに呼び出す方法

Question

私のWeb拡張機能で、ユーザーが現在見ている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を使用する必要があります。そのような何か作業をする必要があります：あなたはへのHTTPリクエストを行うことができます例えば

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

<all_urls>：

はクロスオリジン・リクエストを作るために

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

、あなたはmanifest.jsonファイルに許可を取得する必要があります任意のURL。

hereを読むことができます。