Google chrome 在浏览器选项卡中的网站图标上绘图？

GMail（带有“未读消息图标”扩展名）和PagerDuty都会在Chrome的标题选项卡中显示的图标上绘制通知计数

---

我怎样才能让我的网页也这样做呢？

这很简单。基本上，您可以使用canvas元素“绘制”图标并在其上写入文本，然后将生成的图像作为数据URI，并将其设置为页面favicon

例如：

window.onload=function（）{
var unreadEmails=8；//只是一个示例
var canvas=document.getElementById（“我的画布”）；
var favicon=document.getElementById（“我的favicon”）；
canvas.width=16；//favicon通常为16x16
高度=16；
var context=canvas.getContext（“2d”）；
var imageObj=新图像（）；
imageObj.onload=函数（）{
//当
我必须（无论如何，在Linux上的Chrome 46上）使用
favicon.href=modifiedIcon
（from）@RogerLipscombe是的，你是对的，像
这样的标签使用
href
，而不是
src
。我已经修复了，谢谢！