javascript - 防止通过 CSS/JS/等在 Google Chrome 中重新绘制

Question

是否有可能导致 Google Chrome 阻止绘画...例如，保持页面完全相同，没有动画或内容更改。

---

我问的原因是因为我有created an extension对于那些在动画/闪烁/变化/等情况下难以阅读网页的人。

它目前的工作方式是截取屏幕截图并将其分层放置在页面上(绝对位置，具有高值 z-index)。

但是因为captureVisibleTab无法捕获整个页面 ( issue 45209 )，每次用户滚动页面时都需要重新创建屏幕截图。

但是 iOS 8 Safari 中的更改为 not pause printing while scrolling让我想到可能有另一种方法可以通过尝试模拟 iOS 8 之前的行为来解决这个问题(我更喜欢这样做，因为阅读器 View 并不总是有效，或者停止动画 gif)。

Answer 1

你不能停止执行线程，它的浏览器决定它。然而，为了防止 CPU 周期，chrome 所做的是，当窗口模糊时暂停 javascript 执行线程。但是由于您显示的是使用更高 z-index 捕获的内容，因此您的窗口仍将处于事件状态。

一种可能的方式:

Disable the script for that url when the page is loaded.

您可能会错过动态内容，但正如您所问的“没有动画或内容更改”。 javscript 的任何 dom 或样式操作都会导致页面重绘。禁用它可能是一种解决方案。但是不太确定如何停止 css 动画。

我还看到了可以捕获完整网页图像或 pdf 的扩展程序。你可以捕获整个页面并显示它们与背景中的任何变化无关