如何可靠地实时重建DOM以进行共同浏览(镜像网页使用)

时间:2017-12-17 23:40:58

标签: javascript screenshot screensharing

有一些SaaS工具[12]可以为您提供在您的网站上运行的插件,以便您可以查看用户如何远程与您的网站进行互动。

我猜这是通过将DOM更新流回远程服务器来实现的,但我不确定。我真的很感兴趣这项技术如何运作,以及是否有工具可以执行类似的任务。

这是一个问题:他们是如何做到的?我们如何通过使用已安装的Javascript代码段可靠地“共同浏览”?我知道使用WebRTC的一些解决方案,但浏览器支持似乎还没有

1 个答案:

答案 0 :(得分:2)

这称为session replay

  

我猜这是通过将DOM更新流回远程服务器

来实现的

不,它可能并不关心DOM更新。该脚本将捕获每个输入事件,包括按键,鼠标移动,鼠标点击,滚动事件等。这些是用户体验设计师在评估其页面设计时通常关心的。它们也可能捕获DOM的初始状态。

如果这些插件仅用于数据采集(如在A / B测试中),我不认为插件脚本实际上会直播这些事件。它可能捕获它们,将它们存储在某种压缩数据结构中,并在用户离开页面时或定期发送给服务提供者。

实时流媒体肯定是可能的,似乎这就是共同浏览插件所做的。 (显然还有一个反向通道 - 一个巨大的安全风险! - 远程触发鼠标点击等)。 WebRTC(也可以提供完整的视频)可能是一种方法,但web socket就足够了。

有关如何在https://togetherjs.com/docs/#technology-overview找到它的具体方式的一些文档。