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

标签 javascript web

如何将通知数量放入网页选项卡图标内? 例如,whatsapp 如何将新消息的数量放入 Whatsapp Logo 内?

whatsapp web1

最佳答案

选项卡中的图标称为 favicon,它是使用元标记设置的。每当消息数量发生变化时,网站就会将图标更改为新图标。这是更改图标的代码(通常可以是任何图像文件):

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

您需要为每个数量的通知使用不同的图像。您可以通过生成图像并使用 createObjectURL ( read more ) 在客户端执行此操作,也可以获取图像并从服务器端加载它们。

关于javascript - 网页如何将通知数量放在页面选项卡图标内?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71274392/

相关文章:

javascript - Ace 代码编辑器在单击时消失

python - 暂停和恢复自包含的 scrapy 脚本

ruby-on-rails - Highcharts 不适用于 wicked_pdf

javascript - 使用 jQuery fadeToggle 打开新的 div 时关闭其他 div

javascript - 在 JavaScript 中销毁对象及其绑定(bind)

ruby-on-rails - 重新编码播客网站 - 我应该使用什么?

java - 为什么HttpServletRequest中的RequestBody是一个InputStream?

javascript - Div 在 Chrome 和 Safari 中不显示,但在 Firefox 中显示

javascript - Svelte 3 - 如何循环每个 block X 次

javascript - RXJS 6 处理 http Observables 的方式是什么?