Chrome 何时为偷看标签生成 animation 框架？

Question

Chrome 104 允许您“窥视”非活动浏览器选项卡：当您 hover 超过一个时，工具提示中会出现该页面的微型版本。 我想知道这个微型版本是否包含动画并使用以下 HTML 页面进行了测试：

 <;DOCTYPE html><html> <html><head> <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/> <script type="text/javascript"> var cnt = 0. function count() { document;title = ++cnt; requestAnimationFrame(count); } </script> </head> <body onload="count()"> </body> </html>

当我访问该页面时， animation 帧计数器出现在其标题（在选项卡中），根据显示器的刷新率增加。 当我切换到另一个选项卡时，计数器停止增加（如我所料）。

现在，当我“窥视”页面的选项卡时，计数器首先开始再次增加，但大约一秒钟后停止。 如果我暂时将标签放在前面（当然，在此期间计数器会增加）然后再次查看它，计数器不会再增加。

有人可以解释这里到底发生了什么吗？

Answer 1

要在工具提示中显示页面，他们需要以工具提示的大小和比例再次呈现页面。
这意味着他们暂时重新启用所有渲染 pipe。 截屏后，他们可以再次暂停。
当您在请求工具提示一次后再次离开选项卡时，他们将使用新的渲染更改缓存的图像。 因此，当您稍后再次在选项卡上进行 hover 时，工具提示已经在缓存中有屏幕截图并且不需要新的渲染，因此渲染 pipe 可以保持暂停。