☰

这个 Stack Exchange 网站怎么会有动画图标呢？

tag-icon • tag-icon browser favicon
这个 Stack Exchange 网站怎么会有动画图标呢？

昨天我在浏览https://stackexchange.com并注意到所有 Stack Exchange 列表有一个动画图标：

在此处输入图片描述

这怎么可能？我以为图标是静态 ICO 文件，无法动画？

答案1

这是臭名昭著的错误 111373它去年就获得了投票权，我预计再过几天就会为它买酒。

答案2

事实证明，动画图标确实是可行的，而且有些网站就有动画图标：参见如何禁用动画图标？。

但这个特殊情况并不是由 Stack Exchange 网站引起的；原来是我在暴力猴子，它在后台执行对帮助中心列表中每个网站的图标。不知何故（我不知道具体细节），这些网站的图标也会被加载并应用于 Firefox 选项卡，从而产生动画。最后一次调用是 Stack Overflow，以便图标保持最终状态。

如果您想亲自体验，可以安装最流行的 Stack Exchange 用户脚本：全球旗帜摘要– 它也显示了这种行为。我不确定在哪些设置（用户脚本管理器/浏览器/操作系统）下它可以工作，但我在 macOS 10.14.6 上的 Firefox 69.0.1 中运行 Violentmonkey v2.11.2。

答案3

可以使用 javascript 为图标制作动画。

我最喜欢的例子：http://www.p01.org/defender_of_the_favicon/

这是一个可玩的游戏，使用 16x16px 图标作为显示。

答案4

对于大多数浏览器来说，图标是静态图像文件，但网站可以利用 JavaScript 来修改当前显示的图标，从而有效地使其动起来。Firefox 还允许使用 GIF 类型的图标并相应地播放动画。

看此 Stack Overflow 线程用于动画图标的各种实现。

相关内容