Debug console for GWT / GXT

Question

I need to see the component tree of the GWT application. The DOM tree will also be acceptable. Unfortunately, the hosted GWT browser does not provide access for devToolbar.

The only way I found is to compile javascript and then use a normal browser. But compilation takes a huge amount of time.

ExtJS has a Debug Console , but I could not find something similar for GXT.

Please suggest a way to debug GWT visual applications.

Answer 1

Yes, I just wanted this today FireBug + GWT. If you are adventurous, you can explore the GWT 2.0 builds, where Out Of Process Hosted mode will be available, allowing you to debug FireFox or other browsers. Design: Off-road

The source for GWT is here http://google-web-toolkit.googlecode.com/svn/branches/

I personally haven’t hit the threshold of pain to build it yet, because I continue to hear 2.0 “close”

Answer 2

It is not a debugger in the same form as Firebug, but the GWT Log console is really very convenient for figuring out what is happening in JavaScript.

See: http://code.google.com/p/gwt-log/

Answer 3

You can usually use the IDE debugger to navigate through the GWT code. but if the problem is a CSS / style issue (which is apparently due to the sound of the question) then this may not help.

I think compiling and using firebug is the only proven and reliable way for css issues.

Answer 4

Why does compilation in (beautiful) JavaScript take so long? I do not think it is necessary. Perhaps you should turn off compilation for irrelevant browsers (irrelevant for debugging purposes), thereby significantly reducing compilation time.

Answer 5

One idea is to minimize compilation time by reducing permutations (different versions for each browser) during development.

A user agent is forcibly created in your .gwt.xml module, for example gecko1_8 (Firefox 2).

<!-- User Agent --> <set-property name="user.agent" value="gecko1_8" /> 

If you use i18n, you can also limit the locales used during development.