web-dev-qa-db-fra.com

Comment ce site d'échange de pile peut-il avoir un favicon animé?

Hier, je naviguais sur https://stackexchange.com et remarquais que le liste de tous les échanges de pile a une favicon animée:

enter image description here

Comment est-ce possible? Je pensais que Favicons étaient des fichiers ICO statiques, incapables d'animation?

85
Glorfindel

Il s'avère que les favicons animés sont réellement possibles et certains sites Web les ont: voir Comment désactiver les favicons animés? .

Mais ce cas particulier n'a pas été causé par le site Web de Stack Exchange; Il s'est avéré que j'ai un utilisateur de cette page dans violentmonkey , qui (en arrière-plan) effectue des appels http au centre d'aide de chaque site Web de la liste. D'une manière ou d'une autre (je ne connais pas les détails exacts) Les favicons de ces sites Web sont chargés également et sont appliqués à l'onglet Firefox, provoquant une animation. Le dernier appel consiste à empiler débordement afin que l'icône reste comme un état final.

Si vous souhaitez l'expérimenter vous-même, vous pouvez installer les utilisateurs les plus populaires pour la pile Exchange: Résumé du drapeau global - Il affiche également ce comportement. Je ne sais pas exactement dans lequel les configurations (gestionnaires/navigateur/navigateur/système) fonctionnent, mais je suis en cours d'exécution VIOLENTMONKEY V2.11.2 dans Firefox 69.0.1 sur MacOS 10.14.6.

69
Glorfindel

C'est le problème infâme bug 11137 qui a gagné le droit de vote l'année dernière et que je m'attends à acheter des boissons pour un couple de plus.

Pour la plupart des navigateurs, les Favicons sont des fichiers d'image statiques, mais les sites Web peuvent tirer parti de JavaScript afin de modifier le Favicon actuel montré, en l'animant efficacement. Firefox permet également aux favicons de type GIF et joue l'animation en conséquence.

Voir ce fil de débordement de pile Pour diverses implémentations de favicons animés.

11
FThompson