Existe uma maneira de adicionar um favicon personalizado a uma guia App?

Desde o lançamento do Firefox "5", adorei o novo recurso "Guias de aplicativos". No entanto, agora percebi que vários sites internos no trabalho não possuem favoritos. Portanto, quando eu faço uma guia de aplicativo nesses sites, há apenas um ícone de "página em branco" na guia.

Talvez eu não me importasse tanto se houvesse apenas um, mas há pelo menos dois ou três deles. Portanto, é um pouco chato ter que passar o mouse sobre as Guias de aplicativos para descobrir qual é o quê.

Eu tentei usar o Favicon Picker 2 para alterar os ícones dos favoritos, mas ele faz exatamente isso - altera o ícone na pasta de favoritos. Ele não altera o favicon exibido ao lado do URL na barra de endereços ou o próximo ao título da página nas guias - o último sendo o que é usado para o ícone da guia App.

Portanto, existe um plug-in ou outro método do lado do cliente (e de preferência amigável para "Joe User") para atribuir um ícone a uma página da web ou domínio, que será usado na barra de guias?

É muito simples personalizar os favoritos da guia "Aplicativos".
Como o favicon da guia do aplicativo é gerado pelo marcador apenas ...
(1) instale - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) veja seu favoritos, clique com o botão direito do mouse e selecione a imagem personalizada desejada
(3) reinicie o navegador (para que a nova imagem seja "tirada")
Concluído.

Alterei os ícones da minha guia (Firefox 26) usando a seguinte folha de estilo:

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

Para usar este estilo, ou colocá-lo em [path to your profile]/chrome/userChrome.css, ou instalar um gerenciador de estilo do usuário, como elegante .

Funciona da seguinte maneira: As guias no Firefox fazem parte de uma árvore de documentos (consulte browser.xul ):

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

O rótulo de uma guia corresponde ao título da guia. No meu exemplo, eu queria adicionar um favicon à guia lista de discussão do W3. Infelizmente, ele não tem um único título, então tive que procurar algo relativamente único que corresponda à guia. Acontece que as páginas relevantes tinham "w3.org" em seu título, o que resultou na criação de [label*="w3.org"].
Da mesma forma, o site da minha universidade não tem favicon. Todos os títulos começam com "TU", então eu usei [label^="TU"].

Seletores mais comuns: [label$="last words"], [label="Exact match"].
Negação: [label*="w3.org"]:not([label$="- Gmail"])(= selecione as guias cujo título contém "w3.org", a menos que termine com "- Gmail").

Se suas guias fixadas nunca mudarem de posição, você também pode tentar algo assim para alterar o ícone da primeira guia:

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