Вчера я просматривалhttps://stackexchange.comи заметил, чтосписок всех Stack Exchangeимеет анимированный фавикон:
Как это возможно? Я думал, что фавиконы — это статические файлы ICO, неспособные на анимацию?
решение1
Это печально известныйошибка 111373который получил право голоса в прошлом году и которому, как я надеюсь, еще через пару лет придется покупать выпивку.
решение2
Оказывается, анимированные фавиконы на самом деле возможны, и на некоторых сайтах они есть: см.Как отключить анимированные значки?.
Но этот конкретный случай не был вызван сайтом Stack Exchange; оказалось, что у меня есть пользовательский скрипт для этой страницы вЖестокая обезьяна, который (в фоновом режиме) выполняет HTTP-вызовы кЦентр помощикаждого веб-сайта в списке. Каким-то образом (точных подробностей я не знаю) фавиконы этих веб-сайтов также загружаются и применяются к вкладке Firefox, вызывая анимацию. Последний вызов — Stack Overflow, поэтому этот значок остается в конечном состоянии.
Если вы хотите убедиться в этом сами, вы можете установить один из самых популярных пользовательских скриптов для Stack Exchange:Глобальная сводка флагов– он также демонстрирует это поведение. Я не совсем уверен, в каких настройках (менеджер скриптов/браузер/операционная система) это работает, но я запускаю Violentmonkey v2.11.2 в Firefox 69.0.1 на macOS 10.14.6.
решение3
Иконки можно анимировать с помощью JavaScript.
Мой любимый пример:http://www.p01.org/defender_of_the_favicon/
Это игровая игра, в которой в качестве отображения используется значок размером 16x16 пикселей.
решение4
Для большинства браузеров фавиконы представляют собой статические файлы изображений, но веб-сайты могут использовать JavaScript для изменения текущего отображаемого фавикона, эффективно анимируя его. Firefox также допускает фавиконы типа GIF и воспроизводит анимацию соответствующим образом.
Видетьэта ветка Stack Overflowдля различных реализаций анимированных значков.