网页如何将通知数量放在页面选项卡图标内？

How webpages put the number of notification inside the page tab icon?

如何将通知数量放在网页标签图标里面？ 例如，whatsapp 如何将新消息的数量放入 whatsapp 徽标中？

选项卡中的图标称为网站图标，它是使用元标记设置的。每次消息数量发生变化时，网站都会将网站图标更改为新图标。这是更改网站图标（通常可以是任何图像文件）的代码：

document.querySelector("link[rel*='icon']").href = "[new favicon image url]";

您需要为每个通知数量设置不同的图像。您可以通过生成图像并使用 createObjectURL (read more) 在客户端执行此操作，或者您可以拥有图像并从 server-side.

加载它们