更新动态favicons的频率

Question

我想学习如何使用谷歌Chrome浏览器动态更新图标,我注意到浏览器似乎限制了每秒更新图标的频率,这种情况看起来很邋.. 我为此做的测试页面是:

http://staticadmin.com/countdown.html

这只是一个显示倒计时结果的滚动消息.我添加了一个输入字段来调整脚本每秒移动多少像素,我在谷歌浏览器中平滑地将最大值调整为每秒约5帧,我还没有在任何其他浏览器中测试它.

我的问题是最大频率是多少,有没有办法改变它,背后有什么特别的原因吗？

注意:我也注意到这个值也会根据窗口焦点而改变.当浏览器的窗口不在焦点时,它似乎降至每秒约1次更新,并在返回时返回"max".

Answer 1

事实是，Chrome（以及任何合理的浏览器）并不期望网站图标发生变化。尽管有此功能请求，但他们甚至不在那里显示动画（仅冻结并显示第一帧） 。事实上，你可以通过 DOM 来改变它，这在某种程度上是一种黑客行为。这就是为什么帧速率是不可预测的，它甚至还没有接近为此优化。

当选项卡模糊时， Chrome（和其他浏览器）会将速度限制setInterval为 1 Hz，这就是为什么当您切换选项卡时动画会变得更糟。它不知道您的间隔正在作用于当前可见的 UI 元素。

无法通过 JavaScript 更改此行为或最大频率。对不起。