2012-04-05 12 views
2

Ich frage mich, ob es eine Möglichkeit gibt, eine schrittweise Debugging des kompilierten GWT-Code durchzuführen, um festzustellen, wie einige Ereignisse ausgelöst werden.GWT: debug Ereignisse erfassen/sprudeln

Das Interesse, das ich hier habe, ist, dass ich SmartGWT verwende, und aus irgendeinem Grund die Click-Ereignisse auf ihren Komponenten propagieren, Pop-up-Fenster, die die gleiche Position besetzen. Dies geschieht jedoch nur in Mobile Safari.

Noch interessanter ist es nur mit der smartGWT-Version von onClick und nicht mit der einfachen GWT onClick.

Antwort

0

Ich weiß nicht, ob es eine schöne Möglichkeit zum Debuggen kompiliert Javascript GWT-Code, aber warum brauchen Sie es?

Für den beschriebenen Zweck ist es besser, den GWT-Entwicklungsmodus mit Debugging-Optionen zu verwenden. Sie können die folgenden Parameter e-Xdebug -Xrunjdwp:transport=dt_socket,address={PORT},server=y,suspend=n zu dem Entwicklungsmodus Running-Befehl hinzufügen, es wird eine Gelegenheit geben, Breakpoints zu dem CLIENT-Seite GWT/SmardGWT Quellcode hinzuzufügen. Dann für das Debugging sollten Sie sich zu dem Port verbinden, der in den Parametern Ihrer Java IDE angegeben ist.

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

+2

Außer, ich nehme an, Sie werden es schwer haben, ein DevMode-Browser-Plugin für Mobile Safari zu finden ;-) –

+0

Oh, tut mir leid, ich habe gerade diese Bedingung in der Frage verpasst. – hsestupin

1

Meistens ist ein Hack für jetzt, aber ich nehme an, es wird funktionieren (Sie werden Ihre Anwendung neu kompilieren, obwohl müssen):

  1. Zuerst eine aktuelle GWT vom Stamm kompilieren : https://developers.google.com/web-toolkit/makinggwtbetter#workingoncode
  2. dann App mit Kartengrund neu kompilieren aktiviert: http://code.google.com/p/google-web-toolkit/wiki/SourceMaps
  3. Folgen Sie den Anweisungen in den Kommentaren dieser Wiki-Seite nutzen zu können SourceMaps in Chrome verwenden, dann erneut bereitstellen Ihre App
  4. Erhalten Sie Chrome auf dem Dev-Kanal: http://www.chromium.org/getting-involved/dev-channel
  5. Verwenden http://www.iwebinspector.com/ Mobile Safari mit Remote-Debugging zu starten und dann, um es von Ihrem Chrome-Desktop-Verbindung: http://www.webkit.org/blog/1620/webkit-remote-debugging/
  6. Schließlich Quelle Karten in Chrome aktiviert, so werden Sie sehen, Ihre Java Code im Web Inspector!

Siehe http://www.youtube.com/watch?v=-xJl22Kvgjg für eine Vorschau auf der Zukunft des Debugging mit GWT, die dieser Art von Dingen in einer viel weniger hackish Art und Weise in der in der Nähe von Zukunft ermöglichen.