Extensión de Firefox para crear un nuevo icono o reemplazar el icono existente en la barra de ubicación/dirección

Question

Quiero crear una extensión de Firefox que cree un nuevo icono en la barra de direcciones o reemplace el existente con la especificada en la extensión.

Y luego, agregue un JavaScript para mostrar este logotipo personalizado solo cuando el usuario está viendo un dominio en particular.

Si esto no es factible para la barra de ubicación/dirección, mostrar el logotipo en la barra de estado está bien (nuevamente impulsado por un JavaScript que muestra el logotipo solo cuando el usuario está en un dominio particular).

Se puede hacer esto?

No creo que Favicon solo resuelva mi problema. Quiero poder mostrar el icono/logotipo solo cuando el usuario está en un dominio específico (por ejemplo, xyz.com/testpage.html o abc.com/anothertest.html)

Answer 1

Puedes hacerlo solo usando Grasemononkey. Aquí tienes un script rápido que funciona.

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

Manual de Greasemonkey: (agregando scripts)

Si el sitio cuyo favicon está tratando de cambiar ya tiene uno, tendrás que hacer algo como

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

Antes de establecer el nuevo Favicon, pero no pude hacer que funcionara.

Hay un Proyecto para crear un objeto estándar para la manipulación de Favicon Se supone que eso funciona, pero no funcionó para mí.

Answer 2

Puede alterar el DOM creando un elemento de enlace como este:

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