PDA

View Full Version : How-to: using Firebug to debug your script



BernardChhun
10 Jan 2007, 7:36 AM
here's a little screencast for all newcomers who don't know about Firebug. That Firefox addon is da bomb I tell ya.

http://www.digitalmediaminute.com/screencast/firebug-js/

:wink:

nothercount
11 Jan 2007, 1:10 PM
BernardChhun, _you are da bomb! (with your double-h...)

The URL has been updated to: http://getfirebug.com

Does anyone know why it throws two of every event & error message to the console (as in the screencast)?

There's a new google code project built off of it -firePHP -intended to make PHP debugging easier:
http://code.google.com/p/firephp/

jack.slocum
12 Jan 2007, 5:56 AM
Stickied. Thanks Bernard.

kokoglen
31 Jan 2007, 10:59 AM
Firebug (especially the 1.0 version) is awesome.

Microsoft has something for IE. Not quite as good, but still helps a bunch.

http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

JeffHowden
31 Jan 2007, 11:45 AM
There are other tools that easily as good as MS' offering, if not substantially better in some areas.

For viewing HTTP traffic back and forth, *nothing* touches fiddler.

http://www.fiddlertool.com/fiddler/

For getting the *rigth* file and line number info of JS errors, I like either CompanionJS (which is suspiciously missing from the author's site right now) or MS Script Editor:

http://www.ajaxhead.com/javascript/debug_javascript.html

For exploring the DOM and other niceties (can you say *true* console.log() support in IE and not that half-baked crap from the firebug guys?), I love IE Web Developer V2:

http://www.ieinspector.com/dominspector/index.html

Incidentally, the guys at IEInspector.com are trying to develop a firebug equivalent for IE.

BernardChhun
12 Feb 2007, 6:41 AM
Other firebug screencasts:

http://yuiblog.com/blog/2007/01/26/video-hewitt-firebug/
http://www.litfuel.net/plush/?postid=161
http://soylentfoo.jnewland.com/articles/2006/12/08/firebug-10-screencast

Tutorials:
http://encytemedia.com/blog/articles/2006/05/12/an-in-depth-look-at-the-future-of-javascript-debugging-with-firebug

Bri
27 Feb 2007, 11:12 PM
Dom Explorer is a similar IE "addon" out there. It's at microsoft.com sorry no direct link

steffenk
13 Jul 2007, 4:57 AM
Hi,

there is a possibility to use firebug without FF:
http://www.getfirebug.com/lite.html

Isaac_cm
3 Oct 2007, 10:57 AM
Thanks