动态图标的更新频率

Update frequency for dynamic favicons

本文关键字：频率更新图标动态更新时间：2023-09-26

我想学习如何使用Google Chrome浏览器动态更新favicon，我注意到浏览器似乎限制了你每秒更新favicon的频率，这让事情看起来很糟糕。我为此制作的测试页面是:

http://staticadmin.com/countdown.html

它只是一个滚动的消息，显示倒计时的结果。我添加了一个输入字段来调整脚本每秒移动多少像素，我已经在Google Chrome中看到了每秒5帧的最大值，我还没有在任何其他浏览器中测试过。

我的问题是最大频率是多少，有什么方法可以改变它，背后有什么特别的原因吗?

注意:我还注意到这个值也会根据窗口焦点而变化。当浏览器的窗口不在焦点上时，它似乎下降到每秒1次更新，并在返回时返回"max"。

事实是，Chrome(和任何合理的浏览器)不期望图标永远改变。他们甚至不显示动画(只有第一帧被冻结和显示)，尽管有这个功能要求。您可以通过DOM对其进行更改，这在某种程度上是一种技巧。这就是为什么帧率是不可预测的，它甚至没有接近于优化。

当标签模糊时，Chrome(和其他浏览器)将setInterval节流到1 Hz，这就是为什么当你切换标签时动画变得更糟。它不知道你的interval作用于当前可见的UI元素。

没有办法通过JavaScript改变这种行为，也没有办法改变最大频率。对不起。