通过代码拍摄网页的屏幕截图

Question

我有一个网站，可以在特定的div中动态生成HTML标记。现在，在创建了所有HTML标记之后，我将这些HTML标记保存在数据库中。问题是我需要拍摄生成HTML标签的网页的屏幕截图。当我要保存它时，但是;

1. 我无法想象从屏幕拍摄开始到哪里开始。
2. 我不想使用第三方API，因为他们通常会要求提供网址，然后转到网站拍摄屏幕截图然后通过电子邮件发送给您。

为什么我不能使用它们是因为当我动态创建HTML标签时，它们只是在浏览器上。如果其他人试图访问相同的链接，他们将获得一个没有当前创建的HTML标签的页面（即使我刷新页面标签已经消失。）。

我不想要一个完整的解决方案只是一个关于如何开始为这个问题构建解决方案的提示，并且通过屏幕截图我的意思是图像。

谢谢。

Answer 1

• 如果您使用的是HTML5，请检查HTML2Canvas（http://html2canvas.hertzen.com/）
• 如果您可以访问服务器环境并在其上安装额外服务器，请尝试使用wkhtmltoimage（http://code.google.com/p/wkhtmltopdf/）

Answer 2

我的建议是使用PhantomJS，它是一种可以通过命令行运行的Web浏览器，并指定输出。您可以将其指定为图像，PDF或其他内容。

糟糕的是，你需要某个地方来指出它，但除此之外，它对于这些事情来说非常好。但它不一定是公共网址，可以在内部使用，甚至可以从其他地方提供html。

Answer 3

使用webshot库，它简单易用。您还可以使用window.print（）方法拍摄网页的屏幕截图