javascript - 使用 gif 动画作为我网站的图标

Question

This Js 可以使用以下方法制作视频和简单图像作为您网站的图标:

var favicon=new Favico();
var video=document.getElementById('videoId');
favicon.video(video);
//stop
favicon.video('stop');

这是Github页。

有没有办法使用这个概念制作一个动画 gif 作为我网站的图标。

P.s:我是菜鸟，所以如果有人制作 fiddle 并展示一个演示，那就太好了!

Answer 1

您可以在 HTML 页面中像常规一样使用 GIF，如果它是动画的，它也会在浏览器中显示动画，只需将其重命名为 favicon.ico 并将其添加为标题中的 favicon 标记(例如:http://55chan.org/ :) )

遗憾的是它只能在 Firefox 中使用，例如:

注意 Chrome 不支持它:

• https://bugs.chromium.org/p/chromium/issues/detail?id=19731

(除了使用单个动画 Gif 之外(请参阅 https://en.wikipedia.org/wiki/Favicon#Image_file_format_support )。您可以通过动态更改图像来使用注释中指定的解决方法。)

更广泛您必须考虑的是，不仅仅是您的浏览器会向您显示动画图标。许多应用程序会“蜘蛛”您的网站，并以不同的方式使用图标，例如在个人链接集合旁边或搜索页面中显示为图标。

不久前我写了 https://plugins.svn.wordpress.org/wp-favicons/trunk/includes/server/class-http.php ，它基本上是一个针对多种 favicons 的爬虫，考虑到数据 uri、不同的 http 状态代码、错误的 mimetypes 等...但它不会有自己的 javascript 解析器来查找动画由客户端脚本提供的序列。我怀疑任何爬虫都会真正做到这一点。

因此，请考虑目的，并且网站图标通常不仅仅作为浏览器或浏览器书签“列表”中 uri 旁边的标识。