Rileva scheda Modifica URL all'interno di un componente aggiuntivo di Firefox

Question

Ho un'estensione, funzionante su Chrome, che controlla la scheda attiva per le modifiche dell'URL.

In particolare, devo rilevare quando l'URL cambia, ma non vi è alcun caricamento o navigazione della nuova pagina. Alcuni siti eseguono questa operazione (ad esempio quando fai clic per visualizzare un altro video su YouTube).

Su Chrome, ho compiuto questo con:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
    if (changeInfo && changeInfo.status == "complete") { 
     //do stuff here 
    } 
}); 

Come faccio a rilevare tali cambiamenti in un add-on Firefox?

Mi è stato detto di usare: Listening to events on all tabs, ma non riuscivo a metterlo insieme. Uno dei problemi era che gBrowser non era definito nell'estensione.

Cosa sto sbagliando?

C'è un modo più semplice?

Answer 1

Utilizzare ProgressListener per ricevere notifiche sui cambiamenti di posizione.

Per installare un listener, convertire la scheda SDK nella sua rappresentazione grezza (vecchia) utilizzando viewFor. La conversione a ritroso è possibile con modelFor e getTabForContentWindow.

const tabs = require("sdk/tabs"); 
const {viewFor} = require('sdk/view/core'); 
const {modelFor} = require('sdk/model/core'); 
const {getBrowserForTab, getTabForContentWindow} = require("sdk/tabs/utils"); 
const {Ci, Cu} = require("chrome"); 
Cu.import("resource://gre/modules/XPCOMUtils.jsm", this); 

var progressListener = { 
QueryInterface: XPCOMUtils.generateQI([Ci.nsIWebProgressListener, Ci.nsISupportsWeakReference]), 
    onLocationChange: function(aProgress, aRequest, aURI) { 
     var highLevel= modelFor(getTabForContentWindow(aProgress.DOMWindow)); 
     console.log("onLocationChange ", highLevel.url); 
    } 
}; 

tabs.on('open', function(newTab) { 
    var lowLevel = viewFor(newTab); 
    var browser = getBrowserForTab(lowLevel); 
    browser.addProgressListener(progressListener); 
}); 

Non dimenticare di rimuovere i listener sullo scaricamento dell'estensione. I listener di schede vengono rimossi automaticamente, ma ProgressListeners non lo sarà.

Ispirato Converting to chrome windows

Answer 2

Se si sta utilizzando l'SDK aggiuntivo, si stanno esaminando i documenti errati. Ecco lo tab docs.

Come detto lì, si crea un ascoltatore in questo modo:

var tabs = require("sdk/tabs"); 

// Listen for tab openings. 
tabs.on('open', function onOpen(tab) { 
    myOpenTabs.push(tab); 
}); 

// Listen for tab content loads. 
tabs.on('ready', function(tab) { 
    console.log('tab is loaded', tab.title, tab.url); 
}); 

Tutti i documenti si guarda dovrebbe essere un sottoinsieme di developer.mozilla.org/en-US/Add-ons/SDK.

Answer 3

Trovo che gli eventi activate e pageshow, tra i due, coprano tutte le modifiche nell'URL che posso evocare tra passare da una scheda all'altra, aprire pagine in una nuova scheda, chiudere schede, aggiornare pagine e digitare in una nuova URL.

var updateURL = function (tab) { 
var oldURL = url; 
var url = tab.url; 
console.log(url); 
}; 

tabs.on("activate", updateURL); 
tabs.on("pageshow", updateURL);