javascript - 如何仅使用 Web 浏览器记录用户的 Web 会话？

Question

我们希望这样做是出于支持目的，用户知道会话正在被记录。Web 浏览器不会使用 Flash 或 Java，仅使用 HTML5 和 Javascript。特别是如果有某种 DOM 观察器工具可以将记录发送回服务器进行播放，那将是一件好事。

Answer 1

有一些服务可以提供 Web 会话的会话记录，例如。

• http://www.inspectlet.com/
• https://www.fullstory.com/（我是fullstory的用户和忠实粉丝）

会话记录非常准确，我们将其用于用户体验研究和解决客户问题。令人惊奇的是，他们只使用 DOM 观察和 DOM 事件（即使在不是很现代的浏览器中）就可以做到这一点，而且没有很大的性能或网络成本。

很遗憾，但似乎没有任何非 SaaS 解决方案，我从未找到任何可以做到这一点的开源库（迄今为止）。

更新：添加建议的开源（MIT 许可）库来执行此操作：

• https://github.com/rrweb-io/rrweb

Answer 2

所以你想要一个类似于tealeaf的东西吗？ http://www-01.ibm.com/software/info/tealeaf/

您可以做的是使用javascript（可以接受吗？）并添加大量事件，例如

body.onClick = function (e) {
    // Do something here
}

body.change = function (e) {
    // Do something here
}

强烈建议“做某事”是触发您自己的自定义事件，以免过度混淆 DOM 并且不会妨碍其他事件处理程序

在构建您自己的页面时，此页面可能会派上用场：http ://www.quirksmode.org/dom/events/index.html