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

Question

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

谢谢

Answer 1

我不是 100% 确定 Google 如何实现这一点，但是有人创建了一个 UserScript 来模仿该功能。你可以查看这个脚本的源代码，看看他们是如何完成的。

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

编辑

我包含此资源，因为 userscripts 不再存在：

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

在 github 上

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

Answer 2

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

例如

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