javascript - 如何在 Javascript 中捕获用户操作所消耗的时间？

Question

在我们使用 ExtJs 创建的 RIA 应用程序中，我们需要捕获用户操作所消耗的时间。

例如，用户单击“打开”按钮打开一个窗口，则需要捕获打开窗口所消耗的时间。

我们尝试过使用 Selenium IDE，但它只记录操作并执行回来，而不会记录命令中消耗的时间。

我们还尝试使用浏览器的“Profiler”功能(在操作之前开始分析，在操作结束后停止分析)，但那是手动的。

因此，有人可以指导如何以自动方式捕获 Javascript 中用户操作所花费的时间吗？

感谢您提前提供的任何帮助。

Answer 1

这是全局事件跟踪功能的粗略草图:

(function() {

var pairs = {};

eventLogger = function(e) {
    var ts = new Date().getTime();

    if (pairs[e]) {
        var taken = ts - pairs[e],
        img = new Image();
        img.onload = function() { };
        img.src = '/path/to/logger?evt=' + encodeURIComponent(e) + '&t=' + encodeURIComponent(taken);

        delete pairs[e];
    } else {
        pairs[e] = ts;
    }
}

}());

它匹配事件名称对；第一个启动计时器，第二个发出服务器请求以记录该事件所花费的时间。

然后，您将记录如下事件:

eventLogger('loadContacts');
// start code that loads contacts
// ...
// later
eventLogger('loadContacts'); // done loading

它不区分开始和停止事件，因此如果您的开始和停止时间可能重叠，则可能需要进行一些调整。