使用html5 / javascript截取整个屏幕的截图？

Question

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

我知道可能没有解决方案，但如果有的话会很棒！

提前干杯

Answer 1

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

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

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

1. 您可以使用多个JavaScript插件/ API中的一个来允许用户选择他们在网页上看到的部分，然后将其上传给您。例如，您可以在YouTube上执行此操作。转到youtube.com并滚动到页面底部，然后点击Help，然后点击Send feedback。在这里你可以输入文字以及＆＃34;突出显示＆＃34;页面的一部分并将其发送到YouTube。要实现这样的目标，请查看类似html2canvas。

的内容

2. 让您的用户可以快速访问适用于Windows的Snipping Tool等工具的下载页面。这样，如果他们已经没有在他们的机器上使用它，至少他们不必去寻找它。

3. 根据我与客户打交道的经验，他们中的许多人甚至不知道他们的机器上存在Snipping Tool之类的东西。也许，引导用户的常见问题解答或帮助部分会很有用。

总之，可以通过网页来截取＆＃34;截图＆＃34;什么是网页本身，但我遇到的任何内容都不允许您捕获Web浏览器上下文之外的任何内容。

Answer 2

仅使用HTML5 / JavaScript，这绝对是不。您将不得不涉及一个浏览器插件，如Flash，Java小程序或Firefox附加组件。

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