GMAIL如何有一个显示未读消息计数的图标？

Question

Chrome中的GMAIL有一个显示未读消息计数的图标。有谁知道他们是怎么做到的？那是他们改变图像吗？或者是否有一个属性允许您设置图标附近的数字？

由于

Answer 1

他们使用不同的图像作为计数器图标，他们有一个默认的图标，并在新电子邮件到达时使用javascript进行更新。

e.g。

1. https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/0.png
2. https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/1.png
3. https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/2.png

4. https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/3.png

   

https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/n.png

Answer 2

我并非100％肯定Google如何实现这一点，但有人创建了一个用于模仿功能的UserScript。您可以查看此脚本的源代码，并了解它们是如何完成的。

http://userscripts.org/scripts/review/39432

修改

我要包含此资源，因为用户脚本不再存在：

http://lab.ejci.net/favico.js/

在github上

https://github.com/ejci/favico.js

Answer 3

没有可以在favicon旁边设置数字的属性，但您可以在javascript中更改它。看看这个问题 Changing website favicon dynamically

Answer 4

我不知道 Google 是如何做到的，但我采取的方式是这样做的：

 $('body').append($('<link rel="icon" type="image/ico" href="http://localhost/myfavicon.ico"/>'))

根据需要。

Answer 5

我不知道他们是如何做到的，但没有理由你不能让你的/faveicon.ico被动态服务器端脚本响应，该脚本根据相关用户的信息生成/提供某些内容

那就是说...我认为大多数浏览器通常都不会获得更新的Faveicon，因为大多数浏览器似乎每次只会检查一次。