如何模拟在网页上向下滚动并将过程保存到视频中

Question

我有很多网站从上到下滚动它的索引页。

将滚动过程中的“动画内容”或“动态js / css效果”保存为视频。

我知道工具phatomJS可以捕获截图。

是否有任何工具可以模拟滚动并将整个过程保存到视频中？

Answer 1

我认为首次滚动后页面没有加载动态内容。

• 您可以使用PhantomJS拍摄一个屏幕截图。然后，在您选择的编程语言中，屏幕截图（重叠）向下（或向上）移动几个像素并保存为帧图像。

<强> OR

• 拍摄一组构成视频的截图。您可以在使用page.clipRect
截取屏幕截图之前设置page.render来执行此操作

您最终需要融合到视频中的大量图像。请向google咨询可以拍摄大量图片并将其转换为视频的工具。

如果您有无限滚动页面，则在开始截屏之前仍需要加载整个页面。这通常通过以下方式完成：How to scroll down with Phantomjs to load dynamic content