V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Labs
V2EX  ›  问与答

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

  •  
  •   Labs · 2021-07-10 17:04:01 +08:00 · 1217 次点击
    这是一个创建于 1042 天前的主题,其中的信息可能已经有所发展或是发生改变。
    谷歌浏览器

    ithome.com it 之家

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

    https://sm.ms/image/n74q1lNazSp3K8g
    4 条回复    2021-07-11 00:06:05 +08:00
    ochatokori
        1
    ochatokori  
       2021-07-10 18:58:44 +08:00 via Android   ❤️ 1
    可能是 chrome 会带 cookie 定时更新 favicon
    检查到有新文章就返回带黄标的 favicon 就行了
    kkocdko
        2
    kkocdko  
       2021-07-10 23:58:44 +08:00 via Android   ❤️ 1
    it 之家网页有动态获取新文章功能,也就是偶尔出现的:有新文章 xxx,在文章列表上方的提示。同时还会把网站图标换成有黄点的版本。
    这时你不点击“加载新文章”直接关闭网页,书签栏的图标就会被换成有黄点的。
    这里并没有消息推送。如果你关闭网页时 favicon 是普通的,那么过再久也不会有所谓“提示”黄点
    flyhaozi
        3
    flyhaozi  
       2021-07-11 00:03:10 +08:00   ❤️ 1
    js setInterval 轮询获取新文章数量,有新文章就设置 head 里<link rel="icon" href="...">的链接为有黄点的图标
    原代码片段: https://pastebin.com/uhwFu53v
    flyhaozi
        4
    flyhaozi  
       2021-07-11 00:06:05 +08:00   ❤️ 1
    这个图标表示的是自网页打开后有新文章更新,关闭网页后 js 不再运行,这个图标没有任何意义,仅仅是浏览器的缓存
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   904 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 21:47 · PVG 05:47 · LAX 14:47 · JFK 17:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.