生成浏览器窗口截图

Question

我必须同时处理多个页面（标签），并且需要查看不同页面在任何一个实例中的外观。是否可以通过Javascript在Firefox / Chrome中拍摄打开标签的屏幕截图？

Answer 1

在Chrome上，使用Aviary 扩展程序：如果您需要以编程方式访问，则可以从所述扩展程序派生以提供API。

Chrome扩展程序还提供captureVisibleTab tabs function ：它可以完成所有工作（差不多;-)。

Answer 2

如果您想使用WebKit以编程方式执行此操作，可以使用：

http://www.phantomjs.org

以下是它的工作原理：

PhantomJS是一个打包和嵌入WebKit的命令行工具。从字面上看，它就像任何其他基于WebKit的Web浏览器一样，除了没有任何内容显示在屏幕上（因此，术语无头）。除此之外，PhantomJS可以使用其JavaScript API进行控制或编写脚本。

以下是一个例子：

$>./panthomjs.exe rasterize.js http://www.google.com google.png