webdevqa.jp.net

このStack Exchangeサイトには、アニメーションのファビコンをどのように配置できますか?

昨日私は https://stackexchange.com を閲覧していて、 すべてのスタック交換のリスト がアニメーション化されたファビコンを持っていることに気づきました:

enter image description here

これはどのようにして可能ですか?ファビコンは静的なICOファイルであり、アニメーションを作成できないと思いましたか?

84
Glorfindel

アニメーション化されたファビコンが実際に可能であることがわかり、一部のWebサイトにはそれが備わっています: アニメーション化されたファビコンを無効にする方法は? .

しかし、この特定のインスタンスはStack Exchange Webサイトが原因ではありませんでした。 Violentmonkey にそのページのユーザースクリプトがあることがわかりました(これは(バックグラウンドで) へのHTTP呼び出しを実行します=)リスト内の各Webサイトのヘルプセンター 。どういうわけか(正確な詳細はわかりません)、それらのWebサイトのファビコンも読み込まれ、Firefoxタブに適用されてアニメーションが表示されます。最後の呼び出しはStack Overflowで、アイコンは最終状態のままです。

自分で体験したい場合は、Stack Exchangeの最も一般的なユーザースクリプトをインストールできます: Global Flag Summary –この動作も表示されます。どの設定(ユーザースクリプトマネージャー/ブラウザー/オペレーティングシステム)で機能するかは正確にはわかりませんが、macOS 10.14.6のFirefox 69.0.1でViolentmonkey v2.11.2を実行しています。

68
Glorfindel

これは悪名高い バグ11137 であり、昨年投票権を獲得しており、さらにカップルで飲み物を購入する予定です。

ファビコンはJavaScriptでアニメーション化できます。

私のお気に入りの例: http://www.p01.org/defender_of_the_favicon/

これは、16x16pxファビコンをディスプレイとして使用するプレイ可能なゲームです。

23
Mnebuerquo

ほとんどのブラウザでは、ファビコンは静的な画像ファイルですが、ウェブサイトはJavaScriptを利用して、表示されている現在のファビコンを変更し、効果的にアニメーション化できます。 FirefoxはGIFタイプのファビコンも許可し、それに応じてアニメーションを再生します。

アニメーション化されたファビコンのさまざまな実装については、 このスタックオーバーフロースレッド を参照してください。

11
FThompson