When my javascript code is contained in a HEAD block in my HTML file, it seems I can't set a breakpoint on it to debug it.
How can I do this?
this is what I see under the script tag:
Odd: when I take the javascript block OUT of my HTML <head> area, then the .htm page appears under scripts (kind of counter-productive):
ok, the only solution I can find to this question is to put my HEAD scripts back into a .js file, anyone have a way to debug inline javascript?
You should search for your code in the Script tab, you can't set breakpoints in the HTML tab.
Edit: In your second screenshot, you are looking the code of the Google JS API file, you can either, change the file manually (the red square at left on my screenshot), or use the search-box at the right:
I don't think you can set breakpoints from the "HTML" tab in firebug.
Click over to the "script" tab, and find your script in the lower dropdown list, and you should be able to set a breakpoint from there.
Enclose your functions in javascript with
debugger;
function blah
debugger;
instead of:
if($(this).next().is(':hidden')) {
I had:
if($(this).next().is(':hidden') {
i.e. the missing end-parenthesis was causing the javascript file (or .htm page including the javascript) not to show up under firebug "scripts".