GMAIL 如何具有显示未读邮件计数的图标？
Chrome 中的 GMAIL 有一个图标，显示未读邮件计数。有谁知道他们是怎么做到的？这是他们改变形象吗？或者是否有一个属性允许您设置图标附近的数字？
谢谢
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
Chrome 中的 GMAIL 有一个图标，显示未读邮件计数。有谁知道他们是怎么做到的？这是他们改变形象吗？或者是否有一个属性允许您设置图标附近的数字？
谢谢
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（5）
我不能 100% 确定 Google 如何实现这一点，但是，有人创建了一个 UserScript 来模仿该功能。您可以查看该脚本的源代码并了解他们是如何完成的。
http://userscripts.org/scripts/review/39432< strong>编辑
我包含此资源，因为用户脚本不再存在：
http://lab.ejci.net/favico.js/
位于 github
https://github.com/ejci/favico.js
I am not 100% certain on how Google accomplishes this however, someone created a UserScript to mimic the functionality. You can view the source code of this script and see how they accomplished it.
http://userscripts.org/scripts/review/39432EDIT
I'm including this resource since userscripts is no longer around:
http://lab.ejci.net/favico.js/
on github
https://github.com/ejci/favico.js
他们使用不同的图像作为计数器图标，他们有一个默认的图标，并使用 JavaScript 在新电子邮件到达时进行更新。
例如
https://mail.google。 com/mail/u/1/images/2/unreadcountfavicon/0.pnghttps://mail.google.com/mail/u/ 1/images/2/unreadcountfavicon/1.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/2.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/3.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/n.pngThey use different images for counter icons, They have one default favicon and use javascript to update as new email arrives.
e.g.
https://mail.google.com/mail/u/1/images/2/unreadcountfavicon/0.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/1.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/2.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/3.pnghttps://mail.google.com/mail/u/1/images/2/unreadcountfavicon/n.png没有属性可以在图标旁边设置数字，但您可以在 JavaScript 中更改它。看看这个问题
动态更改网站图标
There's no property that sets a number next to the favicon, but you can change it in javascript. Check out this question
Changing website favicon dynamically
我不知道Google是如何做到的，但我是这样做的：
根据需要。
I don't know how Google did it, but the way I did it way:
As needed.
我不知道他们是如何做到这一点的，但是您没有理由不能让您的 /faveicon.ico 得到动态服务器端脚本的响应，该脚本根据相关用户的信息生成/提供某些内容。
也就是说...我认为大多数浏览器通常不会获得更新的 Faveicon，因为大多数浏览器似乎每次会话只检查一次。
I have no clue how they do it, but there's no reason you can't have your /faveicon.ico be responded to by a dynamic server-side script which generates/provides certain content based on information of the user in question.
That said... I don't think most browsers would get the updated Faveicon usually, as most seem to only check it once per session.