what tools do you use for writing jquery code and testing/debugging your code?
+8
A:
The Firebug plugin for firefox is essential - it lets you:
- Debug your code (step into, out, etc)
- Set watch variables and expressions
- See contents of all requests and responses, as well as all content received
- Time to download each resource
- Inspect and modify the DOM, including viewing the DOM after it has been dynamically modified by JavaScript
- And much more!
There are also debuggers available for Internet Explorer and other browsers, but none are quite as powerful as firebug.
Depending on the language, there are other resources available for debugging server side code that come in quite handy, too. But that is another question...
Justin Ethier
2010-04-07 02:00:09
+2
A:
jsFiddle is very handy for quick snippet debugging. There are competitors such as jsbin, but fiddle remains my favorite, even though it's only in alpha at the moment.
Of course I think Chrome's developer tools and FireBug/Web Developer for Firefox are tremendously helpful as well...each tool has it's area that it helps with.
Lastly, let's not forget: the jQuery API itself, a tremendous resource for information.
Nick Craver
2010-04-07 02:01:59
+1 for jsfiddle. Nothing like being able to prototype within seconds. Only if it had grouping, I would have used it as an IDE.
Anurag
2010-04-07 02:03:29
+1
A:
Google Chrome Developer Tools are really powerful.
Also great for debugging CSS and HTML issues. The DOM highlighting is really handy.
Alastair Pitts
2010-04-07 02:02:05
A:
console.log(); is your friend. Pick up its output with Firebug for Firefox, or the built-in consoles in the developer tools in Safari and Chrome (IE no help as usual).
carillonator
2010-04-07 03:41:04
+1
A:
even if it is funny, I find IE 8 dev tools very convinient for js debug
vittore
2010-04-07 04:10:20