JavaScript debugger improvements
April 16th, 2010 by Nikolay ChashnikovIn the latest IDEA 9.0.2 EAP build the new ‘Scripts’ tab is available in JavaScript Debug tool window:

It displays all scripts loaded by Firefox in a tree-like structure and allows to open a script in the editor to set breakpoints in it.
If you want to debug JavaScript code in a JavaEE application you can set the corresponding option in an application server run configuration:
Make sure to check the new demos featuring:
- Local JavaScript Debugging with IntelliJ IDEA demo (6:43)
- Server-side JavaScript Debugging with IntelliJ IDEA demo (5:42)
There are more IntelliJ IDEA demos available at http://www.jetbrains.com/idea/training/demos.html
Develop with pleasure!
The JetBrains Team
Tags: Debugger, JavaScript

April 16th, 2010 at 7:43 am
Thanks for the screencasts. Can the “javascript debugger” checkbox be added to the debug dialog of a GWT hosted mode debug configuration? This is so that I can add breakpoints in JS files included in my GWT project when running in hosted mode.
September 2nd, 2010 at 1:31 pm
For javacript debugging please look at
http://bimbim.in/post/2010/08/19/JavaScript-Vb-Script-debugging-Methods.aspx
October 15th, 2010 at 11:06 am
Nice, but what if all the javascript files are merged into a big single file before being sent to the server? It seems it doesn’t work.
October 18th, 2010 at 3:43 am
Henry,
in that case breakpoints in source files indeed won’t work. However you can select ‘Open Source’ from ‘Scripts’ tab as shown on the first screenshot to open the big single javascript file from the server in IDEA. After that you can put breakpoints and debug code in that file.