¿Hay alguna manera de agregar un favicon personalizado a una pestaña de aplicación?

Desde el lanzamiento de Firefox "5", he llegado a amar la nueva función "Pestañas de aplicaciones". Sin embargo, ahora me he dado cuenta de que varios sitios web internos en el trabajo no tienen favicons. Entonces, cuando hago una pestaña de aplicación de estos sitios, solo hay un icono de "página en blanco" en la pestaña.

Quizás no me importaría tanto si hubiera solo uno, pero hay al menos dos o tres de estos. Por lo tanto, es un poco molesto tener que pasar el mouse sobre las pestañas de la aplicación para descubrir qué es qué.

He intentado usar Favicon Picker 2 para cambiar los iconos de marcadores, pero solo hace exactamente eso: cambia el icono en la carpeta de marcadores. No cambia el favicon que se muestra al lado de la URL en la barra de direcciones, o el que está al lado del título de la página en pestañas, siendo este último el que se usa para el ícono de la pestaña de la aplicación.

Entonces, ¿hay un complemento u otro método del lado del cliente (y preferiblemente amigable para el "Usuario Joe") para asignar un ícono a una página web o dominio que se utilizará en la barra de pestañas?

Es bastante sencillo personalizar los favicons de la pestaña de tu aplicación.
Debido a que el marcador de la aplicación favicon es generado por el marcador solo ...
(1) instale esto: https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) vea su marcadores, haga clic con el botón derecho y seleccione la imagen personalizada que desea
(3) reinicie el navegador (para que la nueva imagen "tome")
Listo.

Cambié los íconos de mi pestaña (Firefox 26) usando la siguiente hoja 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 utilizar esta hoja de estilo, o bien ponerlo en [path to your profile]/chrome/userChrome.css, o instalar un gestor de estilo de usuario tales como elegante .

Esto funciona de la siguiente manera: las pestañas en Firefox son parte de un árbol de documentos (consulte browser.xul ):

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

La etiqueta de una pestaña coincide con el título de la pestaña. En mi ejemplo, quería agregar un favicon a la pestaña de la lista de correo de W3. Desafortunadamente, no tiene un solo título, así que tuve que buscar algo relativamente único que coincida con la pestaña. Resulta que las páginas relevantes tenían "w3.org" en su título, lo que resultó en la creación de [label*="w3.org"].
Del mismo modo, el sitio de mi universidad no tiene favicon. Todos los títulos comienzan con "TU", así que solía [label^="TU"].

Selectores más comunes: [label$="last words"], [label="Exact match"].
Negación: [label*="w3.org"]:not([label$="- Gmail"])(= seleccionar pestañas cuyo título contiene "w3.org", a menos que termine con "- Gmail").

Si sus pestañas ancladas nunca cambian de posición, también puede intentar algo como esto para cambiar el ícono de la primera pestaña:

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