GWT 모니터링 JavaScript/클라이언트 측 코드

Question

GWT를 사용하여 호출 된 각 클라이언트 측 기능을 모니터링하고 싶습니다. 여러 GWT AOP 프레임 워크를 시도했습니다. 그러나 GWT 2.7과 호환되는 것을 찾지 못했습니다.

호출 된 각 클라이언트 측 기능을 모니터 할 수있는 사람이 있습니까? 클라이언트 측 코드의 성능을 자동으로 모니터하고 싶습니다. 수동으로 이벤트/호출을 추가하는 것은 1k 메서드 프로젝트에서 지루합니다.

Answer 1

GWT SuperDevMode를 통해 클라이언트 측 JS 코드를보고 디버깅 할 수 있습니다.

Answer 2

당신은 API window.performance 사용할 수 있습니다

var t0 = performance.now(); 
doSomething(); 
var t1 = performance.now(); 
console.log("Call to doSomething took " + (t1 - t0) + " milliseconds.") 

https://developer.mozilla.org/en-US/docs/Web/API/Performance.now

Answer 3

는 "쉽게"입니다 https://code.google.com/p/jquery-aop/ 사용.

당신은 "이"로컬 GWT 모듈 함수로 ...에 액세스 할 수 있도록 기본 JSNI 방법 만듭니다

public static native void weave() /*-{ 
    $wnd.jQuery.aop.around({ 
     target : this, 
     method : 'viewScene.*' 
    }, function(invocation) { 
     var t0 = $wnd.performance.now(); 
     var result = invocation.proceed(); 
     var t1 = $wnd.performance.now(); 
     console.log("Call to " + invocation.method + " took " + (t1 - t0) 
       + " milliseconds.") 
     return result; 
    }); 
}-*/; 

유일한 도전은 이제 원래와 "기능 viewScene_0_g $"를 연결하는 방법입니다 암호. 그러나 이는 소스 맵에서 가능해야합니다.