监控 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 方法，以便您可以将“this”作为本地 GWT 模块函数访问...：

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;
    });
}-*/;

现在唯一的挑战是如何将“function viewScene_0_g$”与原始代码相关联。但是，这应该可以通过源地图实现。