Using the browser's dev tools. For eclipse there is a proof-of-concept plugin to allow debugging in the IDE: https://github.com/sdbg/sdbg Do the two sentences indicate two debugging methods?
When you use SDM you have your app compiled to JavaScript running in your browser and you have your server side code deployed on tomcat/jetty/whatever.
To debug the JavaScript in your browser you can either use your browsers dev tools or try using the experimental SDBG plugin for eclipse. When you use your browsers dev tools then you have to set breakpoints inside the browser, when you use SDBG you can set them in eclipse. It is important to understand that in both cases you are debugging JavaScript and not Java. With the help of SourceMaps (supported in IE11, FF, Chrome and I think latest Opera) the JavaScript will be mapped back to Java statements so you can more easily understand which Java code corresponds to the JavaScript code.
To debug the server side of your app, simply launch your app server in debug mode and then attach to it using your IDE. If you use the embedded Jetty of classic DevMode as your server it is as easy as choosing "debug as web application". Then you can set breakpoints in Eclipse in your server side code and debug as usual. There is no difference to classic DevMode or better classic Java debugging.
If so, what are the browser's dev tools?
Each browser lets you debug JavaScript:
- Chrome: https://developer.chrome.com/devtools/index
- Firefox: https://developer.mozilla.org/en-US/docs/Tools (even though the site states to install Aurora, the FF dev tools are already available in FF. Alternatively you can install the FireBug extension)
- IE: http://blogs.msdn.com/b/ie/archive/2013/07/29/debugging-and-tuning-web-sites-and-apps-with-f12-developer-tools-in-ie11.aspx
However, I am doing my first steps in SDM, but I cannot solve the simplest problems:For example, there is a wrong SQL statement in my server code, but I cannot analyze it. There is simply a never ending loading indicator in my cell list, but without being able to do step by step debugging I cannot solve this.
As said above, to debug your server code just launch your server in Debug mode and then use your IDE as usual to set break points. If you also want to step through client side code you have to do that in the browser dev tools or using SDBG.
-- J.
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.
No comments:
Post a Comment