Gibt es eine Möglichkeit, einem App-Tab ein benutzerdefiniertes Favicon hinzuzufügen?

Seit der Veröffentlichung von Firefox "5" habe ich die neue Funktion "App Tabs" wirklich geliebt. Jetzt habe ich jedoch festgestellt, dass einige interne Websites bei der Arbeit keine Favoriten haben. Wenn ich aus diesen Websites eine App-Registerkarte erstelle, wird auf der Registerkarte nur ein Symbol für eine "leere Seite" angezeigt.

Vielleicht würde es mir nicht so viel ausmachen, wenn es nur einen gäbe, aber es gibt mindestens zwei oder drei davon. Es ist also nur ein bisschen ärgerlich, mit der Maus über die App-Registerkarten fahren zu müssen, um herauszufinden, was was ist.

Ich habe versucht, mit Favicon Picker 2 die Lesezeichensymbole zu ändern, aber genau das tut es - es ändert das Symbol im Lesezeichenordner. Das Favicon, das neben der URL in der Adressleiste oder neben dem Seitentitel in Registerkarten angezeigt wird, wird nicht geändert. Letzteres wird für das App-Tab-Symbol verwendet.

Gibt es also ein Plugin oder eine andere clientseitige (und vorzugsweise "Joe User" -freundliche) Methode, um einer Webseite oder Domain ein Symbol zuzuweisen, das in der Registerkartenleiste verwendet wird?

Es ist ziemlich einfach, die Favoriten Ihrer App-Registerkarten anzupassen.
Da das App-Tab-Favicon vom Lesezeichen generiert wird, müssen Sie nur ...
(1) dieses installieren - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) Ihre Ansicht anzeigen Lesezeichen, klicken Sie mit der rechten Maustaste und wählen Sie das gewünschte benutzerdefinierte Bild aus.
(3) Starten Sie den Browser neu (damit das neue Bild "aufgenommen" wird).
Fertig.

Ich habe die Symbole meiner Registerkarte (Firefox 26) mithilfe des folgenden Stylesheets geändert:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"][label*="w3.org"] .tab-icon-image {
    list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
    list-style-image: url(https://www.tue.nl/favicon.ico);
}

Um dieses Sheet zu verwenden, entweder steckt es in [path to your profile]/chrome/userChrome.css, oder installieren Sie einen Benutzer - Stil - Manager wie stilvoll .

Dies funktioniert wie folgt: Die Registerkarten in Firefox sind Teil eines Dokumentbaums (siehe browser.xul ):

<tabs id="tabbrowser-tabs" ...>
    <tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
    ...

Die Bezeichnung einer Registerkarte entspricht dem Titel der Registerkarte. In meinem Beispiel wollte ich der Mailinglisten-Registerkarte von W3 ein Favicon hinzufügen. Leider hat es keinen einzigen Titel, so dass ich nach etwas relativ Einzigartigem suchen musste, das zum Tab passt. Es stellt sich heraus, dass die relevanten Seiten "w3.org" im Titel hatten, was zur Erstellung von führte [label*="w3.org"].
Ebenso hat die Seite meiner Universität kein Favicon. Alle Titel beginnen mit "TU", also habe ich verwendet [label^="TU"].

Häufigere Selektoren: [label$="last words"], [label="Exact match"].
Negation: [label*="w3.org"]:not([label$="- Gmail"])(= Tabs auswählen, deren Titel "w3.org" enthält, sofern er nicht mit "- Gmail" endet).

Wenn Ihre angehefteten Registerkarten niemals ihre Position ändern, können Sie auch Folgendes versuchen, um das Symbol der ersten Registerkarte zu ändern:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"]:nth-child(1) .tab-icon-image {
    list-style-image: url(https://www.mozilla.org/favicon.ico);
}