Content
o Select the app:–> sample
o Select from toolbar: Run
o Select: Run Configurations
o Select:–> Main Tab
o Project is: Sample
o Main class is: com.google.gwt.dev.DevMode
o Nothing changed
o Select:–> Server Tab:
o Nothing changed
o Select:–> GWT Tab
o We have Super Development Mode selected
o Our code server is being served on: 9997
o GWT Module is: Sample.gwt.xml
o Select:–> Argument Tab
o Program Arguments is:
-superDevMode -remoteUI “${gwt_remote_ui_server_port}:${unique_id}” -startupUrl Sample.html -logLevel INFO -codeServerPort 9997 -port 8888 -server
o Note “-superDevMode” is added
o Select from toolbar: Run
o Select: Run Configurations
o Select:–> Main Tab
o Project is: Sample
o Main class is: com.google.gwt.dev.DevMode
o Nothing changed
o Select:–> Server Tab:
o Nothing changed
o Select:–> GWT Tab
o We have Super Development Mode selected
o Our code server is being served on: 9997
o GWT Module is: Sample.gwt.xml
o Select:–> Argument Tab
o Program Arguments is:
-superDevMode -remoteUI “${gwt_remote_ui_server_port}:${unique_id}” -startupUrl Sample.html -logLevel INFO -codeServerPort 9997 -port 8888 -server
o Note “-superDevMode” is added
o The App Engine is automatically in the background
o Notice the Development mode URL for Classis Dev Mode:
http://127.0.0.1:8888/Sample.html?gwt.codesvr=127.0.0.1:9997
o Notice the Development mode URL for Super Dev Mode:
http://127.0.0.1/Sample.html
o A whole lot simpler and code server is no longer required
as part of url. Why?
o The code is now shown in the browser, at least for chrome,
where we debug the Java Code in the browser.
o We do’nt have to debug in eclipse.
o Nice!
o SUPER DEV MODE FEATURE 4: DEBUG JAVA CODE IN BROWSER
o Since GWT goal is to create Javascript, we can now debug
The Java code along side the Javascript in the browser
o I like it!
o Notice the Development mode URL for Classis Dev Mode:
http://127.0.0.1:8888/Sample.html?gwt.codesvr=127.0.0.1:9997
o Notice the Development mode URL for Super Dev Mode:
http://127.0.0.1/Sample.html
o A whole lot simpler and code server is no longer required
as part of url. Why?
o The code is now shown in the browser, at least for chrome,
where we debug the Java Code in the browser.
o We do’nt have to debug in eclipse.
o Nice!
o SUPER DEV MODE FEATURE 4: DEBUG JAVA CODE IN BROWSER
o Since GWT goal is to create Javascript, we can now debug
The Java code along side the Javascript in the browser
o I like it!
o Read more on this at:
http://www.gwtproject.org/articles/superdevmode.html
o We have to add this code to the Sample.gwt.xml
o Select in Chrome toolbar: Setting
o Select:–> Development Tools — Setting
o Check: Enable Javascript Source Maps
o Check: Enable CSS Source Maps
o Close Chrome Browser
http://www.gwtproject.org/articles/superdevmode.html
o We have to add this code to the Sample.gwt.xml
o Select in Chrome toolbar: Setting
o Select:–> Development Tools — Setting
o Check: Enable Javascript Source Maps
o Check: Enable CSS Source Maps
o Close Chrome Browser
o Clear are Development Mode environment
o Select the app:–> sample
o Click:–> Debug As
o Select:–> Web Application (GWT Super Dev Mode)
o Open Sample.java in eclipse
o Place break point at “Send” button
o Right-Click on the URL
http://127.0.0.1:8888/Sample.html
o Select from Open With:–>
chrome
o Eclipse did not go to the break point?
o Umm?
o Super Dev Mode does not do its debugging in eclipse
o It does its debugging in the browser
o Select the app:–> sample
o Click:–> Debug As
o Select:–> Web Application (GWT Super Dev Mode)
o Open Sample.java in eclipse
o Place break point at “Send” button
o Right-Click on the URL
http://127.0.0.1:8888/Sample.html
o Select from Open With:–>
chrome
o Eclipse did not go to the break point?
o Umm?
o Super Dev Mode does not do its debugging in eclipse
o It does its debugging in the browser
o Select in Chrome toolbar: Setting — More Tools
o Select:–> Development Tools
o Look in the tab: Source
o You will see under the server 127.0.0.0:9876
o That’s the code server in the background
o Select the sourcemaps/sample
o Drill down to the path: com.sample.client
o Open the Sample.java code
o Go to line 42, at least or nearn it in your case
o Place a break point at the button: Send
o Refresh the browser
o The browse goes to the break point and stops
o Click on the blue arrow button
o The GWT application will continue on.
o Success!
o We are running in Super Dev Mode with debug turned on
o Select:–> Development Tools
o Look in the tab: Source
o You will see under the server 127.0.0.0:9876
o That’s the code server in the background
o Select the sourcemaps/sample
o Drill down to the path: com.sample.client
o Open the Sample.java code
o Go to line 42, at least or nearn it in your case
o Place a break point at the button: Send
o Refresh the browser
o The browse goes to the break point and stops
o Click on the blue arrow button
o The GWT application will continue on.
o Success!
o We are running in Super Dev Mode with debug turned on
Next: Finishing demonstrating and
concluding Super Dev Mode lessons.