谷歌浏览器书签栏 更新提示 是怎么做到的?

[Labs]

谷歌浏览器

ithome.com it 之家

收藏在书签栏，发现站标 有个黄点，好像是 IT 之家更新文章后，就会显示这个黄点

https://sm.ms/image/n74q1lNazSp3K8g

[ochatokori]

可能是 chrome 会带 cookie 定时更新 favicon
检查到有新文章就返回带黄标的 favicon 就行了

[kkocdko]

it 之家网页有动态获取新文章功能，也就是偶尔出现的：有新文章 xxx，在文章列表上方的提示。同时还会把网站图标换成有黄点的版本。
这时你不点击“加载新文章”直接关闭网页，书签栏的图标就会被换成有黄点的。
这里并没有消息推送。如果你关闭网页时 favicon 是普通的，那么过再久也不会有所谓“提示”黄点

[flyhaozi]

js setInterval 轮询获取新文章数量，有新文章就设置 head 里<link rel="icon" href="...">的链接为有黄点的图标
原代码片段： https://pastebin.com/uhwFu53v

[flyhaozi]

这个图标表示的是自网页打开后有新文章更新，关闭网页后 js 不再运行，这个图标没有任何意义，仅仅是浏览器的缓存