动态改变浏览器标签栏中的网站图标、浏览器标签栏ico图标加通知数量、浏览器标签栏小徽章图标、favico.js

动态改变浏览器标签栏中的网站图标、浏览器标签栏ico图标加通知数量、浏览器标签栏小徽章图标、favico.js

1.效果图

2.写在前面

效果比较常见，网上也有好多帖子，只是没做过找资料的时候不知道如果描述，就比较难受

3.实现

3.1 a.vue可以使用npm install favico.js
 	  b.引入import Favico from "favico.js"
 	  c.`var favicon=new Favico({
	    animation:'none'
	});
	favicon.badge(1);`//这里就是展示的数量
3.2 js可以下载favico.js直接使用
3.3 Favico里面也有很多选项，动画、徽章形状之类的还有很多，需要的可以去官网自行查看