GWT：调试事件捕获/冒泡

Question

我想知道是否有办法对已编译的GWT代码进行逐步调试，以确定某些事件是如何被触发的。

我对此感兴趣的是我正在使用SmartGWT，并且由于某种原因，其组件上的点击事件传播到弹出占据相同位置的窗口。但是这只发生在Mobile Safari中。

更有趣的是它只发生在onClick的smartGWT版本上，而不是普通的GWT onClick。

Answer 1

现在大部分都是hack，但我想它会起作用（你必须重新编译你的应用程序）：

1. 首先，从trunk：https://developers.google.com/web-toolkit/makinggwtbetter#workingoncode
编译最近的GWT
2. 然后在启用了源地图的情况下重新编译您的应用：http://code.google.com/p/google-web-toolkit/wiki/SourceMaps
3. 按照此Wiki页面评论中的步骤操作，以便能够在Chrome中使用SourceMaps，然后重新部署您的应用
4. 在开发频道上获取Chrome：http://www.chromium.org/getting-involved/dev-channel
5. 使用http://www.iwebinspector.com/通过远程调试启动Mobile Safari，然后从Chrome桌面连接到它：http://www.webkit.org/blog/1620/webkit-remote-debugging/
6. 最后，在Chrome中启用源地图，以便在Web检查器中看到 Java 代码！

有关使用GWT进行调试的未来预览，请参阅http://www.youtube.com/watch?v=-xJl22Kvgjg，这将在 near 中以更少的 hackish 方式允许此类事情将来

Answer 2

我不知道是否有一种很好的方法可以调试已编译的 javascript GWT代码，但为什么需要呢？

出于描述的目的，最好将GWT开发模式与调试选项一起使用。您可以将以下参数e-Xdebug -Xrunjdwp:transport=dt_socket,address={PORT},server=y,suspend=n添加到开发模式运行命令中，它将提供将断点添加到cliend端GWT / SmardGWT源代码的机会。然后，为了进行调试，您应该从java IDE连接到parametres中指定的端口。

调试GWT https://developers.google.com/web-toolkit/doc/latest/DevGuideCompilingAndDebugging