网页上框架的屏幕截图

Question

我只是想知道如何截取我的网页截图。假设我有一个围绕所有边界的界面，中间是显示网站的框架。怎么可能截取该帧的截图。我不需要在该快照中包含任何边框和界面。只有框架，如何实现？

我已经包含了代表网站布局的图片，因此不需要在框架中包含整个布局而只需要包含此细分。如何以编程方式在图像中捕获该帧？哪些工具和编程语言可以为我做到这一点？

Answer 1

PhantomJS是一款完全可编程的无头浏览器。它能够从它打开的网页上生成PNG，JPEG，GIF和PDF文件。

使用document.querySelector()，然后使用element.getBoundingClientRect() DOM API获取包含要栅格化的元素的矩形，然后将webpage.clipRect属性设置为它并调用webpage.render()方法生成图片。有关示例，请参阅this answer。

Answer 2

我不知道你对你想要使用的技术是否真的没有限制，但是phantomJS（无头浏览器）肯定可以在这里使用。示例：How to render part of a page with PhantomJS