制作网站的屏幕截图，用户做出的更改

是否有可能直接截取网站的可见部分，如用户（由浏览器呈现）所看到的，包括用户所做的任何更改（例如移动的div，表单中输入的文字等）？制作网站的屏幕截图，用户做出的更改

因此，您打开一个网站，您可以在其中更改其内容。并且有一个按钮（当然是在网站上），当你点击它时，网站的实际可见部分以及你所做的所有更改都会保存为图像，例如有一个弹出窗口，您可以在其中输入电子邮件发送这个图像，或类似的东西。 Javascript，PHP，HTML5或其他？旧浏览器和ie没有关系。我已经搜索了很多答案，阅读了很多相关文章，但我找不到解决方案，导致我需要的不是脚本，它将重新呈现页面，如html2canvas，但捕获显示的实际内容屏幕上。任何想法和意见，非常感谢！

来源

2012-11-28 Kostsei

检查[通过PHP访问网站截图]（http://forrst.com/posts/Taking_Website_Screenshots_via_PHP-aNP） –

一个非常有限的选项是Chrome扩展程序，它允许您执行此操作。 – pimvdb

不......不完全像用户看到它一样。每个浏览器都以不同的方式呈现网页（字体变化，间距，css3和html 5）。您可以使用扩展程序或插件来完成工作，但同样，不完全正确。 –

这是一件非常棘手的事情。

基本上，你只能在浏览器中做这个而没有扩展名，或者这样做就是尝试将HTML渲染到<canvas>标记中。

有几个项目，其中做到这一点，最可靠的选择是在这太问题的答复指出：Render HTML in Canvas/WebGL

注意，没有一个项目是100％准确，但一个画布，可以渲染成图像，从而可以像用户一样保存或通过电子邮件发送。

来源

2012-11-28 08:03:26

我知道这不是一件容易的事情。但它是否会包含对页面内容所做的更改或呈现默认代码？ – Kostsei

它会包含更改，因为您可以为渲染器提供最新的DOM（例如在用户进行任何更改之后）。 –

恩，谢谢，我会检查出来。希望我能理解所有员工（： – Kostsei

制作网站的屏幕截图，用户做出的更改

回答

相关问题