Developing with JavaScript

Editor Support for JavaScript and CSS 

Take advantage of full syntax highlighting, code completion, pop-up documentation, and error checking for CSS and JavaScript, including JavaScript 1.7 and semantic highlighting for E4X (embedded XML objects). The Editor recognizes JavaScript code in stand-alone JavaScript files as well as in HTML, RHTML, and JSP files. The visual CSS editor allows you to edit CSS rules and preview the results.

JavaScript Debugger

View and navigate source artifacts, and add and delete breakpoints in JavaScript code be it in HTML files, JavaScript files, or generated URL sources. You can view window and frame structure, view and navigate the JavaScript Callstack, view local variables, set and delete watches. The debugger also allows you to view (static) browser DOM in the IDE.

The JavaScript debugger requires the Firefox 2.0.0.X browser with the Firebug 1.1beta plugin, or Internet Explorer (6 or 7). You can also debug JavaScript code in Java EE and Ruby projects (to debug client sessions and for source mapping).

JavaScript Library Manager

Use the Add JavaScript Libraries Wizard to add JavaScript libraries to Java EE, Ruby, or PHP projects. Several popular JavaScript libraries can be added from the Plugin Manager, such as jQuery, Dojo, Scriptaculous, Prototype.