Debug JavaScript in Eclipse

Question

How can I debug JavaScript in Eclipse. I am using Eclipse 3.2.1. Everytime I click on the side it gives the option for adding bookmark but no break point.

Could anyone assist me on this?

Solution 1

In 2015, there are at least six choices for JavaScript debugging in Eclipse:

• New since Eclipse 3.7: JavaScript Development Tools debugging support. The incubation part lists CrossFire support. That means, one can use Firefox + Firebug as page viewer without any Java code changes.
• New since October 2012: VJET JavaScript IDE
• Ajax Tools Framework
• Aptana provides JavaScript debugging capabilities.
• The commercial MyEclipse IDE also has JavaScript debugging support
• From the same stable as MyEclipse, the Webclipse plug-in has the same JavaScript debugging technology.

Adding to the above, here are a couple of videos which focus on "debugging JavaScript using eclipse"

• Debugging JavaScript using Eclipse and Chrome Tools
• Debugging JavaScript using Eclipse and CrossFire (with FB)

Outdated

• The Google Chrome Developer Tools for Java allow debugging using Chrome.

Solution 2

I don't believe Eclipse has a JavaScript debugger - those breakpoints are for Java code (I'm guessing you are editing a JSP file?)

Use Firebug to debug Javascript code, it's an excellent add-on that all web developers should have in their toolbox.

Solution 3

I'm not a 100% sure but I think Aptana let's you do that.

Solution 4

I tried to get aptana running on my ubuntu 10.4. Unfortunately I didn't succeed. Chrome on the other hand, has an eclipse plugin that lets you debug javascript that's running in a chrome instance. Works very well. YOu'll have to install the eclipse plugin you'll find here:

http://code.google.com/p/chromedevtools/

Set Breakpoints in the javascript sources you edit in eclipse and browser your page in chrome. As soon as a javascript breakpoint is hit, the eclipse debugger halts and lets you step into, step over, browse the variables etc. Very nice!

Solution 5

JavaScript is executed in the browser, which is pretty far removed from Eclipse. Eclipse would have to somehow hook into the browser's JavaScript engine to debug it. Therefore there's no built-in debugging of JavaScript via Eclipse, since JS isn't really its main focus anyways.

However, there are plug-ins which you can install to do JavaScript debugging. I believe the main one is the AJAX Toolkit Framework (ATF). It embeds a Mozilla browser in Eclipse in order to do its debugging, so it won't be able to handle cross-browser complications that typically arise when writing JavaScript, but it will certainly help.

View more solutions