C'è un modo per aggiungere una favicon personalizzata a una scheda App?

Dal rilascio di Firefox "5", ho imparato ad amare davvero la nuova funzionalità "Schede app". Tuttavia, ora mi sono reso conto che diversi siti Web interni al lavoro non hanno favicon. Quindi, quando creo una scheda App da questi siti, nella scheda è presente solo un'icona "pagina vuota".

Forse non mi dispiacerebbe così tanto se ce ne fosse solo uno, ma ce ne sono almeno due o tre. Quindi, è solo un po 'fastidioso dover passare il mouse sopra le schede delle app per capire quale è cosa.

Ho provato a usare Favicon Picker 2 per cambiare le icone dei segnalibri, ma fa esattamente questo: cambia l'icona nella cartella dei segnalibri. Non cambia la favicon visualizzata accanto all'URL nella barra degli indirizzi, o quella accanto al titolo della pagina nelle schede, quest'ultima è quella utilizzata per l'icona della scheda App.

Quindi, esiste un plug-in o un altro metodo lato client (e preferibilmente "Joe User") per assegnare un'icona a una pagina Web o a un dominio, che verrà utilizzato nella barra delle schede?

È abbastanza semplice personalizzare le favicon della scheda app.
Perché la favicon della scheda app è generata dal segnalibro solo ...
(1) installa questo - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) visualizza il tuo segnalibri, fare clic con il pulsante destro del mouse e selezionare l'immagine personalizzata desiderata
(3) riavviare il browser (per "acquisire" la nuova immagine)
Fatto.

Ho cambiato le icone della mia scheda (Firefox 26) usando il seguente foglio di stile:

@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);
}

Per utilizzare questo foglio di stile, o metterlo in [path to your profile]/chrome/userChrome.css, o di installare un gestore di stile utente, ad esempio elegante .

Funziona come segue: Le schede di Firefox fanno parte di un albero di documenti (vedi browser.xul ):

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

L'etichetta di una scheda corrisponde al titolo della scheda. Nel mio esempio, volevo aggiungere una favicon alla scheda della mailing list di W3. Sfortunatamente, non ha un solo titolo, quindi ho dovuto cercare qualcosa di relativamente unico che corrisponda alla scheda. Si scopre che le pagine pertinenti avevano "w3.org" nel loro titolo, che ha portato alla creazione di [label*="w3.org"].
Allo stesso modo, il sito della mia università non ha favicon. Tutti i titoli iniziano con "TU", quindi l'ho usato [label^="TU"].

Selettori più comuni: [label$="last words"], [label="Exact match"].
Negazione: [label*="w3.org"]:not([label$="- Gmail"])(= seleziona le schede il cui titolo contiene "w3.org", a meno che non termini con "- Gmail").

Se le tue schede bloccate non cambiano mai posizione, puoi anche provare qualcosa del genere per cambiare l'icona della prima scheda:

@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);
}