Extension Firefox pour créer une nouvelle icône ou remplacer une icône existante dans la barre d'adresse/adresse

Question

Je souhaite créer une extension Firefox qui crée une nouvelle icône dans la barre d'adresse ou remplace celle existante par celle spécifiée dans l'extension.

Et puis, ajoutez du javascript pour afficher ce logo personnalisé uniquement lorsque l'utilisateur affiche un domaine particulier. Si cela n'est pas faisable pour la barre d'adresse/d'adresse, l'affichage du logo sur la barre d'état est correct (encore une fois piloté par un javascript qui affiche le logo uniquement lorsque l'utilisateur se trouve sur un domaine particulier).

Est-ce que cela peut être fait?

Je ne pense pas que favicon seul résoudra mon problème. Je veux être en mesure d'afficher l'icône/logo uniquement lorsque l'utilisateur est sur un domaine spécifique (par exemple xyz.com/testPage.html ou abc.com/anotherTest.html)

Answer 1

Vous pouvez le faire simplement en utilisant Greasemonkey. Ici vous avez un script rapide qui fonctionne.

//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); 

Greasemonkey's manual: (Adding scripts)

Si le site dont favicon vous essayez de changer a déjà un, vous devrez faire quelque chose comme

// 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]); 
    } 
} 

avant de la nouvelle favicon, mais je ne pouvait pas le faire fonctionner.

Il y a un project to create a standard object for favicon manipulation qui est censé fonctionner, mais qui n'a pas fonctionné pour moi.

Answer 2

Vous pouvez modifier le DOM en créant un lien élément comme celui-ci:

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