What is in your JavaScript development toolbox?

Question

I have to do some JavaScript in the future, so it is time to update my toolbox. Right now I use Firefox with some addons:

• JavaScript Shell from https://www.squarefree.com/bookmarklets/webdevel.html
• Firefox Dom Inspector
• Firebug
• Greasemonkey
• Stylish

I plan to use Venkman Javascript debugger as well as jsunit and js-lint.

For programming I'm stick with vim.

So what other tools do you use when developing JavaScript?

Answer 1

I use both Firefox and IE for Web Development and a few add-ons in each:

Firefox:

• Firebug
• Web Developer Toolbar

Internet Explorer:

• IE Developer Toolbar
• Fiddler
• Visual Studio for JS Debugging

Answer 2

I sometimes use Emacs with Steve Yegge's js2-mode, evaluating code with Rhino & John Resig's env.js to load jQuery or Prototype in my standalone scripts.

This allows me to explore javascript, jQuery, and Prototype outside of a browser.

Example:

var window;
load("Library/env.js");
window.location = 'index.html'; // Load the page 'index.html'

print($('aForm').id); // Play with the Dom in a standalone script!