使用动画gif作为我的网站的热门图标

时间:2016-04-10 22:23:25

标签: javascript jquery html

This Js可制作视频&通过使用以下简单图像作为您网站的图标:

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

此处是Github页面。

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

P.s:我是菜鸟,所以如果有人做了小提琴&展示一个很棒的演示!

1 个答案:

答案 0 :(得分:1)

您只需在HTML页面中使用GIF作为常规格式,如果它是动画的,它也会在浏览器中设置动画,只需将其重命名为favicon.ico并在标题中将其添加为favicon标记(例如:{ {3}} :))

可悲的是,它只适用于Firefox,例如:

注意Chrome不支持它: - http://55chan.org/

(使用单个动画Gif之外(参见https://bugs.chromium.org/p/chromium/issues/detail?id=19731)。您可以通过动态更改图像来使用注释中指定的变通方法。)

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

前一段时间我写了https://en.wikipedia.org/wiki/Favicon#File_format_support,它基本上是一种爬行器,用于考虑数据uris,不同的http状态代码,错误的mimetypes等等许多类型的影响......但它不会有它自己的javascript解析器以查找客户端脚本提供的动画序列。我怀疑任何爬虫都会真的这样做。

因此,考虑到目的,并且一般情况下,favicons不仅仅是作为浏览器或浏览器书签“列表”中的uri旁边的标识。

相关问题