Javascript에서 사용자 작업에 소요되는 시간을 캡처하는 방법은 무엇입니까?

Question

ExtJ를 사용하여 만든 RIA 응용 프로그램에서 사용자 작업에 소요되는 시간을 캡처해야합니다.

예를 들어 사용자가 창을 여는 '열기'버튼을 클릭하면 창 열기에 소요되는 시간을 캡처해야합니다.

Selenium IDE를 사용해 보았지만 액션을 기록하고 실행하기 만하고 명령에서 소비 한 시간은 기록하지 않습니다.

우리는 또한 브라우저의 '프로필러'기능을 사용해 보았습니다 (조치 전에 프로파일 링 시작 및 조치가 끝난 후 프로파일 링 중지).

따라서 누군가가 자바 스크립트에서 사용자 작업에 걸린 시간을 자동으로 캡처하는 방법을 안내해 줄 수 있습니까?

사전에 도움을 주셔서 감사합니다.

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 

그것은 시작 구분 및 이벤트를 중지하지 않기 때문에, 당신은 몇 가지 개조하면 되겠해야 할 수도 있습니다.