创建像 Clicktale 和 Crazy Egg 这样的鼠标记录器

Posted 2023-02-25

【中文标题】创建像 Clicktale 和 Crazy Egg 这样的鼠标记录器

【英文标题】：Create a mouse recorder like Clicktale and Crazy Egg

【发布时间】：2011-10-23 00:33:41

【问题描述】：

我想创建自己的鼠标跟踪器，例如 Clicktale 和 Crazy Egg。跟踪鼠标移动和滚动应该不会太难。但是文档的所有更改（html、输入和选择）呢？

是否有一种简单的方法可以记录网站上的所有 javascript 操作。这样我就可以保存这些操作，然后在我想重播访问者的操作时重复这些操作？

或者以某种方式记录对文档所做的所有更改（每次有更改时保存 innerHTML 可能不是一种选择）。

录音必须与时间相关。

录制完成后，会有一个 AJAX 请求复制页面并将新的 Javascript 插入其中，以便可以观看...

【参考方案1】：

首先我想说的是，尽管您描述的任务听起来很简单，但当您深入研究它时，它实际上要复杂得多。我应该知道，因为我花了将近 3 年的时间来制作这样的东西，并且为我的公司 Ehavior 工作得很好。

您可以使用 DOM 突变事件来监视对 DOM 树的更改。我想这会给你你所要求的。不过，您应该知道，突变事件仅在较新的浏览器中可用。

希望这对你仍然有帮助，即使你的问题有点过时:-)