如何将通知数量放入网页选项卡图标内? 例如,whatsapp 如何将新消息的数量放入 Whatsapp Logo 内?
最佳答案
选项卡中的图标称为 favicon,它是使用元标记设置的。每当消息数量发生变化时,网站就会将图标更改为新图标。这是更改图标的代码(通常可以是任何图像文件):
document.querySelector("link[rel*='icon']").href = "[new favicon image url]";
您需要为每个数量的通知使用不同的图像。您可以通过生成图像并使用 createObjectURL
( read more ) 在客户端执行此操作,也可以获取图像并从服务器端加载它们。
关于javascript - 网页如何将通知数量放在页面选项卡图标内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71274392/