85 votes

Comment ce site Stack Exchange peut-il avoir un favicon animé ?

Hier, je naviguais sur https://stackexchange.com et a remarqué que le liste de tous les Stack Exchange a un favicon animé :

enter image description here

Comment cela est-il possible ? Je croyais que les favicons étaient des fichiers ICO statiques, incapables d'être animés ?

95voto

C'est l'infâme bogue 111373 qui a obtenu le droit de vote l'année dernière, et pour qui je m'attends à payer des boissons dans quelques années.

70voto

Kintaro Points 912

Il s'avère que les favicons animées sont en fait possibles, et que certains sites web en disposent : voir Comment désactiver les favicons animées ? .

Mais ce cas particulier n'a pas été causé par le site web Stack Exchange ; il s'est avéré que j'ai un userscript pour cette page dans le répertoire Violentmonkey qui (en arrière-plan) effectue des appels HTTP à l'adresse suivante 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 également chargées et appliquées à l'onglet Firefox, ce qui provoque une animation. Le dernier appel est fait à Stack Overflow pour que l'icône reste dans un état final.

Si vous voulez l'expérimenter vous-même, vous pouvez installer l'un des scripts utilisateurs les plus populaires pour Stack Exchange : Résumé du drapeau mondial - il affiche également ce comportement. Je ne sais pas exactement dans quelles configurations (gestionnaire de script utilisateur/navigateur/système d'exploitation) cela fonctionne, mais j'utilise Violentmonkey v2.11.2 dans Firefox 69.0.1 sur macOS 10.14.6.

23voto

Grant Barrett Points 119

Les favicons peuvent être animés avec du javascript.

Mon exemple préféré : http://www.p01.org/defender_of_the_favicon/

Il s'agit d'un jeu jouable qui utilise le favicon 16x16px comme affichage.

11voto

Russell Troywest Points 5400

Pour la plupart des navigateurs, les favicons sont des fichiers image statiques, mais les sites Web peuvent tirer parti de JavaScript pour modifier le favicon affiché, en l'animant effectivement. Firefox autorise également les favicons de type GIF et joue l'animation en conséquence.

Ver ce fil de discussion Stack Overflow pour diverses implémentations de favicons animées.

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X