使用 html5/javascript 截取整个屏幕？答案

【问题标题】：Take a screenshot of whole screen using html5/javascript?使用 html5/javascript 截取整个屏幕？
【发布时间】：2013-05-21 00:18:00
【问题描述】：

我希望在浏览器窗口之外通过网页截取完整的屏幕截图。基本上，我正在尝试为基于 Web 的应用程序和离线程序构建一个帮助工具，作为其中的一部分，我希望能够从网页中截取屏幕截图，这样用户就不必下载程序来获取截图/上传到我们的网站。

我知道这可能没有解决方案，但如果有那就太棒了！

提前干杯

【问题讨论】：

【解决方案1】：

有一些方法可以部分地实现你想做的事情。但是，重要的是要知道它们确实需要用户权限。

您还询问网页是否可以在浏览器窗口之外截取屏幕截图 - 这是对隐私的巨大侵犯，我建议不要实施任何沿着这条路线的东西。对于您尝试做的事情，最好征得用户同意。

如果您有兴趣节省用户时间并为用户提供更无缝的体验，请考虑以下一种或多种选择：

您可以使用几个 JavaScript 插件/API 之一来允许用户选择他们在网页上看到的部分内容，然后将其上传给您。例如，您可以在 YouTube 上执行此操作。转到youtube.com 并滚动到页面底部并单击Help，然后单击Send feedback。您可以在此处输入文本以及页面的“突出显示”部分并将它们发送到 YouTube。要实现这样的目标，请查看 html2canvas 之类的内容。
让您的用户可以快速访问工具的下载页面，例如适用于 Windows 的 Snipping Tool。这样，如果他们的机器上还没有它，至少他们不必去寻找它。
根据我与客户打交道的经验，他们中的许多人甚至不知道他们的机器上存在Snipping Tool 之类的东西。也许，可以指导用户的常见问题解答或帮助部分会很有用。

总而言之，可以通过网页“截屏”网页本身的内容，但我没有遇到任何可以让您捕获网络浏览器上下文之外的任何内容的情况。

【讨论】：

感谢您的帮助。我可能会走你建议的路。
至第 1 点：有类似Usersnap 这样的解决方案可以为您自己的网络应用程序获得此类反馈。
+1 谢谢，很好的问答。喜欢html2canvas 插件，很棒的东西！
您是否知道在浏览器客户端中使用html5画布仅截取您自己的网站是否侵犯隐私？我知道你不是律师，也不会考虑这个法律建议，只是想知道你是否知道任何手头的事情或见过任何公司这样做。我有兴趣在他们提交支持请求以获取支持时截取他们的屏幕截图。
客户屏幕的任何屏幕截图，即使您的网站未经同意也不是一个好主意。例如，他们可能在您的网站上，但可能正在输入出生日期或其他机密信息。在这一点上，你有很多责任。同意是关键。

【解决方案2】：

这绝对不可能仅使用 HTML5/JavaScript。您必须使用浏览器插件，例如 Flash、Java 小程序或 Firefox 插件。

注意：我假设您的意思是截取整个监视器的屏幕截图，而不仅仅是浏览器窗口。

【讨论】：

你没看错，所以浏览器插件/插件可以工作吗？感谢您的帮助。
@user1497307：我很确定 Java 小程序几乎可以让您完全控制客户端的 PC，因此截屏可能不是问题。请记住，用户必须明确允许 Java 小程序运行，并且许多用户可能没有安装 Java。也可能存在跨平台并发症。
谢谢。我会试一试，看看会发生什么。