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

1. Web Developer Toolbar (Firefox Addon)
2. Nikhil's Web Development Helper (IE Toolbar)

Answer 2

A couple more::

1. IE Explorer Toolbar
2. Firefox Developer Toolbar

Answer 3

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 4

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!

Answer 5

Firefox:

• Firebug - Invaluable for debugging markup and code while testing ideas directly in the browser
  • Rainbow for Firebug - JavaScript syntax highlighting
  • Pixel Perfect - Overlay images on any page, make it match the design on every pixel
• Web Developer Toolbar - Just about any tool you can think of
• Firecookie - Manage your cookies
• YSlow - Suggests how to boost the download performance

Windows-only:

• Fiddler - A great HTTP proxy with debugging capabilities

Internet Explorer: - Web Developer Toolbar - Missing a few things but still very complete

Answer 6

Best way to debug JavaScript in Internet Explorer is to use Visual Web Developer Express.

If you like a cross browser logging solution check out Firebug Lite!

Answer 7

1. Firebug on Firefox
2. IE Web Developer toolbar on IE
3. JS Lint