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


11

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?

Respuestas:


9

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.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí


@admintech - Como se mencionó, ya he intentado usar un cambiador de iconos de marcadores. ¿En qué se diferencia este complemento del que he usado?
Iszi

1
Debe

@admintech: no sé acerca de su complemento sugerido, pero el mío no cambia el ícono de la pestaña incluso en una pestaña normal, incluso después de volver a cargar el navegador. ¿Importa que los sitios en los que intento hacer esto sean sitios SSL?
Iszi

1
No importa. Acabo de probar el marcador Favicon Changer para estar seguro. No estoy seguro de lo que hace que Favicon Picker no, pero parece aplicar el favicon a las pestañas también. ¡Gracias! Ahora, si sólo pudiera conseguir que se aplique a la totalidad subdominio o algo así, por lo que la navegación a la "aplicación" no borra el favicon ...
Iszi

2
Excelente solución a un problema persistente. Lamentablemente, el autor del complemento afirma que a partir de Firefox 22, la API rompe el complemento de una manera que no se puede arreglar.
gbarry

9

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

Gran redacción, muchas gracias. Funciona (con estilo) exactamente como se anuncia, sin necesidad de otro complemento.
Lebenita

¿Es posible hacer que esto funcione con Chrome?
Skeleton Bow
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.