javascript - 创建鼠标记录器，如 Clicktale 和 Crazy Egg

Question

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

有没有一种简单的方法来记录站点上的所有 javascript 操作。这样我就可以保存这些操作，以后当我想重放访问者的操作时可以重复这些操作吗？

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

录音必须与时间相关。

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

Answer 1

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

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

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