Page 1 of 1

[solved] Firebug debugging brain fart

Posted: Fri Mar 05, 2010 2:47 pm
by pickle
Hi all,

I'm trying to debug some Javascript, but I'm not able to figure out exactly how to do it with Firebug 1.5.2. I assumed I open up Firebug & go to the "Script" tab, but I can't see a list of the Javascript files, or a way to add breakpoints or step through execution or anything.

I'm sure I'm missing something simple - can anyone point me in the right direction?

Re: Firebug debugging brain fart

Posted: Fri Mar 05, 2010 3:00 pm
by Eran
In the script tab you will see all the loaded Javascript to the left. You can filter what you see by clicking on the selected option above it (default is the title of the current page which shows you all the loaded scripts in that page). You can watch variables / expressions in the right-hand view and see them change as you interact with the page, or set breakpoints directly on the code in the left-side view. You can view errors and run custom code in the 'console' tab.

Check out the docs, they cover most of everything -
http://getfirebug.com/javascript

Re: Firebug debugging brain fart

Posted: Fri Mar 05, 2010 3:04 pm
by VladSun
*After* you've loaded the HTMl page together with the JS scripts (static/dynamic/evals) you may choose the domain/files to show, then put a breakpoint by clicking on the row numbers (as usual).

Also, you may wish to give a try to the Netbeans JS debugger

Re: Firebug debugging brain fart

Posted: Mon Mar 08, 2010 9:51 am
by pickle
Well I'll be smurfed. That pulldown wasn't showing up before. Maybe I just needed a reboot.

Thanks.