Início / computer / Perguntas / 1484570
Accepted
Glorfindel
Asked: 2019-09-21 04:01:26 +0800 CST

Como este site do Stack Exchange pode ter um favicon animado?

  • 772

Ontem eu estava navegando em https://stackexchange.com e notei que a lista de todos os Stack Exchange tem um favicon animado:

insira a descrição da imagem aqui

Como isso é possível? Eu pensei que os favicons eram arquivos ICO estáticos, incapazes de animação?

browser favicon

4 respostas

  1. Este é o infame bug 111373 que conquistou o direito de voto no ano passado e pelo qual espero comprar bebidas em mais alguns.

    • 94
  2. Best Answer

    Acontece que os favicons animados são realmente possíveis, e alguns sites os possuem: consulte Como desativar os favicons animados? .

    Mas essa instância específica não foi causada pelo site Stack Exchange; descobri que tenho um script de usuário para essa página em Violentmonkey , que (em segundo plano) realiza chamadas HTTP para a Central de Ajuda de cada site da lista. De alguma forma (não sei os detalhes exatos), os favicons desses sites também são carregados e aplicados à guia do Firefox, causando uma animação. A última chamada é para Stack Overflow para que o ícone permaneça como um estado final.

    Se você quiser experimentar por conta própria, pode instalar os scripts de usuário mais populares para o Stack Exchange: Global Flag Summary – ele também exibe esse comportamento. Não tenho certeza em quais configurações (gerenciador de script de usuário/navegador/sistema operacional) isso funciona, mas estou executando o Violentmonkey v2.11.2 no Firefox 69.0.1 no macOS 10.14.6.

    • 70

  3. Os favicons podem ser animados com javascript.

    Meu exemplo favorito: http://www.p01.org/defender_of_the_favicon/

    Este é um jogo jogável que usa o favicon de 16x16px como tela.

    • 23

  4. Para a maioria dos navegadores, os favicons são arquivos de imagem estáticos, mas os sites podem aproveitar o JavaScript para modificar o favicon atual exibido, animando-o efetivamente. O Firefox também permite favicons do tipo GIF e reproduz a animação de acordo.

    Consulte este tópico Stack Overflow para várias implementações de favicons animados.

    • 11

relate perguntas