requestAnimationFrame-告诉浏览器何时失去焦点

Question

根据我所阅读的内容，requestAnimationFrame可以告诉浏览器何时失去焦点。 发生这种情况时会触发某种事件吗？ 我想暂停和恢复与requestAnimationFrame有关的代码。

Answer 1

当浏览器失去焦点时， requestAnimationFrame不是可以触发事件或触发事件的元素； 它只是设置一个回调。 但是标准行为是，当浏览器/选项卡失去焦点时，回调将暂停。 因此，很可能您的代码（如果在回调中）已被暂停。

所有浏览器都有可能不会暂停回调，而是减慢它们的速度。 但是， W3C规范似乎暗示着暂停，而不是放慢脚步：

每当文档的隐藏属性（[页面可见性]）为false并且动画帧请求回调列表不为空时，用户代理务必定期将任务排队...

如果d的hidden属性为true，则继续到上下文列表中的下一个条目。

如果您要完全确定当标签不清晰时代码正在暂停，或者如果您尝试暂停的代码未作为RAF回调的一部分进行结构化，则可以考虑使用Page Visibility API 。

请注意，只有在IE> = 10中才可以使用RAF和Page Visibility API。