Javascript 谷歌&x2B；的屏幕截图是如何构成的；反馈系统工作？

我没有邀请函，但它被用在了小树枝上。 其工作原理如下：

可以选择要高亮显示的零件和要遮光的零件。 在下一步中，将创建一个屏幕截图（？），您可以预览传输的其他浏览器信息

---

那么谷歌是如何创建这个屏幕截图的呢？它是否发送完整的修改过的DOM进行服务器端处理？或者这里还涉及到什么黑魔法？

不知道这个功能，但你如何描述它；

---

它不是跨平台功能，也不在规范中。您对canvas元素的查找。然后，它们对画布进行base64/Url编码并将其发送到服务器。可以想象他们支持IE6的服务器端黑魔法。。或者他们让google+成为唯一的html5浏览器。

它可以将整个DOM树发送到服务器，并在另一端进行渲染。

突出显示和黑屏只是HTML

div

页面的屏幕截图是画布。

我用Chrome的开发者工具来证实这一点。它甚至可以在Firefox和InternetExplorer中使用，所以它肯定不仅仅是Chrome浏览器

下面是开发人员工具的屏幕截图，其中突出显示了一个突出显示的元素，以显示它是一个

div

：

有一个画布：

当对话框显示以下内容时：

请稍候，我们正在拍摄页面快照，以便您可以突出显示 相关领域

它似乎是在服务器上呈现页面的屏幕截图（因为网络选项卡中有一个请求，它必须根据请求URL中的变量处理快照和反馈），然后将屏幕截图放置在页面上

单击“下一步”后，将打开另一个对话框，其中包含所有信息，并呈现最终屏幕截图，其中包含高光和黑屏

---

我不确定他们是如何做到“突出显示的文本”部分的。

我不认为整个事情是一个

-tag。有没有看过“新”谷歌图片网站？它们就像一百万个画布标签（没有明显的原因）。它必须是画布，因为没有其他方法在客户端制作网站的打印屏幕（或者我不理解Jakob Cosoroaba描述的google+的功能是什么），我在呈现的内容中没有看到任何画布标记。我可能遗漏了一些，但毫无疑问，一些数据是纯旧的HTML。重复：这是我的第一个想法，因为谷歌确实有一种方法可以在服务器端呈现站点的图像。我想测试它，但我不想发送垃圾反馈来试图捕捉它。这种方法的唯一问题是，它意味着任何渲染错误都不会出现。