come rendere un addon/estensione aggiungere un'icona/pulsante alla barra degli indirizzi di Firefox se la scheda è aperta in un determinato dominio?

Question

Ho bisogno di fare un addon di Firefox aggiungere un pulsante alla barra degli indirizzi se la scheda è in un certo dominio.

Sono riuscito a trovare l'elemento barra di navigazione-icone per la finestra corrente e aggiungere un figlio, ma che aggiunge l'icona a tutte le schede per quella finestra, invece della sola scheda pertinente. Come posso fare questo?

MODIFICA: Mi spiace di essere sul cellulare e non ha incluso il codice.

quello che ho finora:

var windowsUtils = require('sdk/window/utils'); 

var loadButton = function(doc, urlBtnClick) { 
    var urlBarIcons = doc.getElementById('urlbar-icons'); 

    var btn = doc.createElement('toolbarbutton'); 
    btn.setAttribute('id', 'button-icon'); 
    btn.setAttribute('image', self.data.url('./images/icon16.png')); 
    btn.click(onButtonClick); 
    urlBarIcons.appendChild(btn); 
    return btn; 
} 

var onButtonClick = function(event) { 
    console.log('i was clicked'); 
} 

ogni volta che io chiamo il sopra aggiungo un pulsante/icona per ogni scheda, invece di quello attuale attiva.

Answer 1

Questa è un'implementazione hacky solo utilizzando le schede di SDK e API pulsante:

let { ActionButton } = require("sdk/ui/button/action"); 
let tabs = require('sdk/tabs'); 
let soButton; 

tabs.on('activate', (tab) => { 
    if (/^http[s]*\:\/\/stackoverflow.com/.test(tab.url)) { 
    soButton = ActionButton({ 
     id: "so-button", 
     label: "This is StackOverflow!!", 
     icon: { 
     "16": "chrome://mozapps/skin/extensions/extensionGeneric.png", 
     "32": "chrome://mozapps/skin/extensions/extensionGeneric.png" 
     }, 
     onClick: function(state) { 
     console.log("clicked"); 
     } 
    }); 
    } else { 
    if (soButton && typeof (soButton.destroy === 'Function')) { 
     soButton.destroy(); 
    } 
    } 
}); 

Ci si sente klugey per creare/distruggere il tasto ogni volta che si passa le schede, ma l'esperienza dell'utente è esattamente quello che vuoi. Un approccio simile e forse "meglio supportato" potrebbe essere invece quello disable the button.