Firefox Estensione per creare una nuova icona o sostituire l'icona esistente nella barra di posizione/indirizzo

Question

Voglio creare un'estensione Firefox che crea una nuova icona nella barra degli indirizzi o sostituisca quella esistente con quella specificata nell'estensione.

E poi, aggiungi un po 'di JavaScript per visualizzare questo logo personalizzato solo quando l'utente sta visualizzando un determinato dominio.

Se questo non è fattibile per la barra di posizione/indirizzo, visualizzare il logo sulla barra di stato è OK (di nuovo guidato da un JavaScript che visualizza il logo solo quando l'utente si trova su un determinato dominio).

Può essere fatto?

Non credo che Favicon da solo risolverà il mio problema. Voglio essere in grado di visualizzare l'icona/logo solo quando l'utente si trova su un dominio specifico (ad esempio xyz.com/testpage.html o abc.com/anothertest.html)

Answer 1

Puoi farlo solo usando Greasemonkey. Qui hai uno script veloce che funziona.

//create the icon
a=document.createElement("link");
a.setAttribute("rel", "icon");
a.setAttribute("href","http://www.google.com/favicon.ico");

//append the icon to the head
document.documentElement.firstChild.appendChild(a);

MANUALE DI GREASEMONKEY: (Aggiunta di script)

Se il sito di cui favicon stai cercando di cambiare ne ha già uno, dovrai fare qualcosa di simile

// get the head elements
head = document.documentElement.firstElementChild.childNodes;

//delete the existing favicon
for(i in head){
    if((head[i].rel == "shortcut icon")||(head[i].rel == "icon")){
         head.removeChild(head[i]);
    }
}

Prima di impostare il nuovo Favicon, ma non riuscivo a farlo funzionare.

C'è un Progetta per creare un oggetto standard per la manipolazione di Favicon Dovrebbe funzionare, ma non ha funzionato per me.

Answer 2

È possibile modificare il DOM creando un elemento di collegamento come questo:

<link rel="icon" type="image/png" href="/somepath/image.png" />