基于Web的屏幕截图ala userfly.com?

时间:2010-07-21 19:11:14

标签: javascript web screenshot

我正在查看http://userfly.com/demo。它捕获所有鼠标点击和键盘敲击并播放所有内容。如果不安装任何软件,如何完成?纯Javascript?它看起来不像是在使用Flash。是否有工具可以用来在我自己的网站上提供类似的东西给别人提供?

3 个答案:

答案 0 :(得分:4)

它们将所有可能的事件绑定到文档级对象,并使用名为“_bindEvents”的函数为用户在页面上执行的每个操作创建委托。他们还记录每个事件发生时的时间戳。他们保存数据的方式是将它们转换为JSON字符串并加载1x1图像,将JSON字符串作为查询字符串参数传递。

他们回放的方式很简单,他们只是将同一序列中的所有事件都返回到页面。鼠标移动事件除外。由于无法使鼠标光标从JavaScripts移动,因此它们会创建一个div,其图像看起来像鼠标光标,并在预记录器序列中移动它。非常简单,但也非常令人印象深刻。

答案 1 :(得分:1)

基本上我认为所做的就是捕捉window.event,只要发生任何事情,他们就会记录事件的内容,做的事情以及时间。然后重新构建用于播放的内容。我不知道是否有工具可以做到这一点,但基本概念不应该很难。保存数据和检索的方法可能是最困难的部分。

答案 2 :(得分:0)

你问过其他类似的工具,你一定要试试http://mouseflow.com。它提供与Userfly相同的录制/播放功能,但它还提供显示页面上的点击,鼠标移动和滚动行为的热图。它支持在登录,会话相关页面(例如结帐页面)后面记录页面。有免费和付费的计划。

拉​​塞

(代表Mouseflow.com)