问题标签 [webpage-screenshot]

我试图使用 JavaScript/JQuery 截取网页的屏幕截图。你能解释一下我需要遵循的代码步骤吗？

我的本地主机上有一个 HTML 文件，我想要整个页面的屏幕截图。有谁知道一些截取整个页面（本地主机）的软件？我找到了一些插件，但它们不支持 localhost 文件。

我编写了一个函数，它使用 WebBrowser 在我的 C# MVC 应用程序中获取网页的屏幕截图（这是我使用的代码的参考http://www.codeproject.com/Articles/95439/Get-ASP -NET-C-2-0-网站-缩略图-屏幕截图）。

更详细地说，在我要捕获的网页上有一个 youtube iframe，我需要在我的屏幕截图上捕获该视频的预览。

当我在我的计算机（OS Windows 8）上运行该功能时，它可以正常工作，但是当我在已发布的项目（在 Windows Server 2012 上）上运行该功能时，屏幕截图上的 iframe 未被捕获（为空白）。

我认为这个问题可能与 Windows Server 上的 IE10 中的某些内容有关，因为我使用的是 WebBrowser。

我尝试在服务器上设置 IE 的配置，因为它们在我的计算机中，并且我还尝试在服务器上安装 flash 播放器，但它不起作用。

有人有什么建议吗？谢谢。

编辑： *找到的解决方案： * 我找到了解决方案。根据这个主题： http ://social.technet.microsoft.com/Forums/windowsserver/en-US/c26bd4c9-d8dc-4d3b-9fdb-a9750508951c/adobe-flash-v113370178-not-properly-working-in-server -2012-rp

我已经在 Windows Server 2012 上安装了“桌面体验”，之后它就可以工作了。不管怎么说，还是要谢谢你！

我想创建一个服务，提供该站点的屏幕截图，该站点使用大量 dhtml，并且在较慢的计算机上非常慢，尤其是在 Firefox 上。

如果该屏幕截图每隔几分钟实现一次，那将是完美的，这样我就可以通过自动刷新将其实现到我们的网站中。

在 Windows 上，我可以使用 php-function imagegrabscreen。但这会在没有加载 AJAX 元素的情况下截取屏幕截图。

在加载所有 AJAX 数据之前，我怎么能延迟屏幕截图？

我是一名巴西 Web 开发人员，我正在报告虚拟 PABX（星号）中的电话地理定位，已经可以使用谷歌地图 API V3 正常工作。

目标将此报告导出为 PDF 或 Excel，因此我正在考虑将地图转换为图像，然后导出：

我已经尝试过：

• 创建静态地图并不能解决我的问题，因为我为每个调用都有一个标记，并且我正在使用 MarkerClusterer 对标记进行聚类

• 我使用html2canvas在 Canvas 中转换了我的地图，在我的 html 转入画布之后，我使用canvas2image创建了一个<img>元素，对于简单的 html，这个解决方案非常完美，但如果是谷歌地图，结果是：

不幸的是，我无法发布图像，因为我没有声誉，我总是访问 StackOverflow，但这是我第一次提出问题，但我可以描述从画布生成的图像只有灰色的谷歌地图背景和 markerclusterer 的标记数量.

您可以在此处查看图像以更好地理解：

我正在考虑诸如截取页面并裁剪以仅选择地图区域之类的方法，但是任何可以解决问题或给我方法的建议都将受到欢迎。

我有获取指定 div 选项卡屏幕截图的代码。但是我遇到了将其显示为 base64 格式的 .png 文件的问题

这是我的代码。它有两个单独的文件

1) 下载.php

2)保存.php

我需要将图像显示为 localhost/xyz/screenshot/img.png，但我无法做到这一点。请参阅代码帮助我找出问题所在。

提前致谢。

我有一项任务，我需要(e.g www.yahoo.com)在我的网页上加载一个 URL 并截取屏幕截图。我正在使用html2canvas进行屏幕截图并将其附加到页面的正文中。

URL 指定的页面已成功加载到 div 元素内的 iframe 中。但是当我尝试截屏时，iframe 区域变为空白。

下面是 和 的previewURL代码screenshot。

HTML部分在这里：

屏幕截图如下所示：

我被卡住了，不明白为什么会这样。我想要与此类似的东西，它可以加载 URL，然后 onclick 可以给我截图。

我有一个网页，三个图像排列在三个不同的 div 中。

我的网页如下所示：

现在我通过在 Java 中传递我的页面的 url 创建了图像

我使用的代码是：-

我正在使用 html2image-0.9 版本库进行转换。

但是转换后我得到的图像是：-

为什么我没有得到与网页完全相同的图像。为什么所有图像都按垂直顺序对齐？谁能帮我解决这个问题。

任何帮助将不胜感激。

谢谢

嗨，我如何使用任何浏览器在 Windows 计算机上截取网页的完整屏幕截图？

每当我用 PrintScreen 截屏时，它只截取显示页面的截图，但我想要整个页面的高度截图。能不能全屏截图，包括隐藏八？

对不起，我的英语不好。

我有火狐和铬。

我在我的网站Pixic.se上实现了 TimelineJS ，使用来自 mySQL 数据库的数据并通过 PHP 对其进行格式化。一切正常。但是 TimelineJS 中有一个名为 PagePeeker 的功能，它可以呈现链接的屏幕截图，这些链接不是指向受支持站点的链接，例如

• YouTube
• 维基百科
• 谷歌地图
• 弗里克
• 推特
• 维密欧
• 声云

或写一个块引用。

问题

我第一次让 TimelineJS 正常工作时，它会为我在时间轴中的链接呈现屏幕截图，包括我自己的网站。从那以后，我更新了布局并希望让 PagePeeker 更新渲染的屏幕截图，因为至少在我的计算机上，屏幕截图仍然显示旧的网站设计/布局（带有一个显示“欢迎来到 Pixic.se，一些较小的文本和 btn 主按钮），即使我已经删除了缓存/历史记录。

我访问了Pagepeeker.com并输入了我的 URL，然后它会生成一个带有时间线的预览，即当前的设计/布局，但它不会影响我何时返回并检查我自己的网站。此外，PagePeeker 渲染的屏幕截图使时间轴看起来很奇怪……整个时间轴只填充了大约 40% 的页面宽度。

问题

1. 如果您看一下Pixic.se时间线的第一个故事，您会看到灰色导航栏和上面描述的 jumbotron，还是看到当前的设计/布局？
2. PagePeeker 屏幕截图是存储在 PagePeeker 中还是仅在访问者没有缓存时才呈现？
3. 有什么方法可以让 PagePeeker 再次呈现网站，甚至可以定期使用 META 标签或类似标签定期完成？
4. 此外，我尝试添加指向Google Charts的链接，但没有成功。它仅将 URL 输出为 PagePeeker 屏幕所在的字符串。知道为什么吗？