Firefox -Erweiterung, um ein neues Symbol zu erstellen oder vorhandenes Symbol in der Standort-/Adressleiste zu ersetzen

Question

Ich möchte eine Firefox -Erweiterung erstellen, die ein neues Symbol in der Adressleiste erstellt oder die vorhandene durch die in der Erweiterung angegebene ersetzt.

Fügen Sie dann ein JavaScript hinzu, um dieses benutzerdefinierte Logo nur dann anzuzeigen, wenn der Benutzer eine bestimmte Domäne anzeigt.

Wenn dies für die Standort-/Adressleiste nicht machbar ist, ist das Anzeigen des Logos in der Statusleiste in Ordnung (erneut von einem JavaScript angetrieben, das das Logo nur dann anzeigt, wenn sich der Benutzer in einer bestimmten Domäne befindet).

Kann das getan werden?

Ich glaube nicht, dass Favicon allein mein Problem lösen wird. Ich möchte das Symbol/das Logo nur dann anzeigen können, wenn sich der Benutzer in einer bestimmten Domäne befindet (z. B. xyz.com/testpage.html oder abc.com/anothertest.html)

Answer 1

Sie können das einfach verwenden Fettaffe. Hier haben Sie ein kurzes Skript, das funktioniert.

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

Greasemonkeys Handbuch: (Hinzufügen von Skripten)

Wenn die Website, deren Favicon Sie sich ändern möchten hat schon einen, Sie müssen so etwas tun wie

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

Bevor ich das neue Favicon einstellte, konnte ich es nicht zum Laufen bringen.

Da ist ein Projekt zum Erstellen eines Standardobjekts für die Favicon -Manipulation Das soll funktionieren, hat aber nicht bei mir funktioniert.

Answer 2

Sie können das DOM ändern und ein Link -Element wie folgt erstellen:

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