网页框架截图

Question

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

我已经包括了代表一个网站布局的图片，所以不需要包括整个布局，但只是在框架这一部分。如何以编程方式捕捉图像中的帧？什么工具和编程语言可以为我做到这一点？你知道吗

Answer 1

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

Answer 2

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

使用document.querySelector()，然后使用element.getBoundingClientRect()domapi获取包含要光栅化的元素的矩形，然后将webpage.clipRect属性设置为该矩形，并调用webpage.render()方法来生成图像。参见this answer以获取示例。你知道吗