Features Tutorials

JavaScript debugger improvements

In 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:

There are more IntelliJ IDEA demos available at http://www.jetbrains.com/idea/training/demos.html

Develop with pleasure!
The JetBrains Team

Comments below can no longer be edited.

4 Responses to JavaScript debugger improvements

  1. Avatar

    Sanjiv Jivan says:

    April 16, 2010

    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.

  2. Avatar

    bimbim.in says:

    September 2, 2010

    For javacript debugging please look at

  3. Avatar

    Henry Sharp says:

    October 15, 2010

    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.

  4. Avatar

    Nikolay Chashnikov says:

    October 18, 2010

    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.

Discover more