一尘不染

使用HTML5 / Canvas / JavaScript拍摄浏览器内屏幕截图

javascript

使用Google的“报告错误”或“反馈工具”,您可以选择浏览器窗口的区域来创建屏幕截图,并在屏幕上提交有关错误的反馈。

他们是如何做到的?Google的JavaScript反馈API已从此处加载,它们对反馈模块的概述将演示屏幕截图功能。


阅读 685

收藏
2020-04-22

共1个答案

一尘不染

JavaScript可以读取DOM并使用来相当准确地表示该DOM
canvas。我一直在研究将HTML转换为画布图像的脚本。今天决定将其实现为发送您所描述的反馈。

该脚本允许您创建反馈表单,其中包括在客户端浏览器上创建的屏幕截图以及表单。屏幕截图基于DOM,因此可能无法真实表示100%的准确度,因为它无法生成实际的屏幕截图,而是根据页面上的可用信息构建屏幕截图。

不需要服务器提供任何渲染
,因为整个图像都是在客户端的浏览器上创建的。HTML2Canvas脚本本身仍处于试验性状态,因为它无法解析我想要的几乎所有CSS3属性,即使有可用的代理,它也不支持加载CORS图像。

仍然与浏览器的兼容性非常有限(不是因为无法支持更多功能,只是没有时间使其更受跨浏览器支持)。

2020-04-22