监视GWT JavaScript/客户端代码

Question

我想用GWT监视每个被调用的客户端函数。我尝试了几个GWT AOP框架。但是，我没有发现任何与GWT 2.7兼容的。

是否有人能够监控每个被调用的客户端功能？我希望这样可以自动监控客户端代码的性能。手动添加事件/调用在1k方法项目中是很乏味的.

Answer 1

您可以通过GWT SuperDevMode查看/调试客户端JS代码。

Answer 2

您可以使用window.performance API：

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/是“容易”的。

创建一个本机JSNI方法，以便您可以作为本地GWT模块函数访问"this“.：

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__g$”与原始代码相关联。然而，这在源地图中应该是可能的。