So ändern Sie den aktuellen URL-Speicherort in Chrome über Erweiterungen

Question

Ich möchte eine Erweiterung erstellen, die den Benutzer auf eine andere Website umleitet, wenn er auf die Erweiterungsschaltfläche klickt. Bisher habe ich nur Erweiterungen gesehen, die für jeden Klick eine neue Registerkarte erstellen.

Ist es möglich, den Benutzer über die aktive Registerkarte auf eine andere Website umzuleiten?

Ich habe versucht, so etwas wie diese:

chrome.browserAction.onClicked.addListener(function(tab) { 
    var url = "https://www.mipanga.com/Content/Submit?url=" 
     + encodeURIComponent(tab.url) 
     + "&title=" + encodeURIComponent(tab.title); 

    document.location.href = url; // <-- this does not work 
}); 

Answer 1

Von dem chrome.tabs API, Sie getCurrent() oder query() verwenden können.

Ich bevorzuge getCurrent, aber es kann nicht von einem Nicht-Tab-Kontext (z. B. eine Hintergrundseite oder Popup-Ansicht) aufgerufen werden. Wenn dies ein Problem für Sie ist, sollten Sie stattdessen query verwenden. Jean-Marc Amons answer unten bietet ein wunderbares Beispiel dafür, wie man den aktiven Tab in diesem Fall bekommt (vergiss nicht ihn zu upvoten!).

Sobald Sie die aktuelle Registerkarte haben, übergeben Sie einfach update().

chrome.tabs.getCurrent(function (tab) { 
    //Your code below... 
    var tabUrl = encodeURIComponent(tab.url); 
    var tabTitle = encodeURIComponent(tab.title); 
    var myNewUrl = "https://www.mipanga.com/Content/Submit?url=" + tabUrl + "&title=" + tabTitle; 

    //Update the url here. 
    chrome.tabs.update(tab.id, {url: myNewUrl}); 
}); 

NB: Um diese diese Funktion zu nutzen, Sie müssen sicherstellen, dass Sie die tabs Erlaubnis in Ihrem manifest.json Datei aktiviert haben: kann

"permissions": [ 
    "tabs" 
], 

Answer 2

Sie verwenden chrome.tabs. Abfrage auch

chrome.tabs.query({currentWindow: true, active: true}, function (tab) { 
     chrome.tabs.update(tab.id, {url: your_new_url}); 
}); 

Answer 3

Die chrome.tabs.update Methode (mindestens ab Januar 2017) wird automatisch auf dem aktuellen aktiven Tab ausgeführt, wenn anstelle einer ID undefined übergeben wird.

Dies hat den zusätzlichen Vorteil, dass die Berechtigung tabs nicht erforderlich ist. Erweiterungen mit dieser Berechtigung warnen den Benutzer, dass er den Browserverlauf lesen kann. Sie sollten daher vermeiden, danach zu fragen, wenn Sie dies nicht möchten.

der aktuellen Registerkarte URL zu ändern, ist so einfach wie das Schreiben dieses:

chrome.tabs.update(undefined, {url: 'http://example.com'});