Firebug debugging JavaScript

Question

Is there a way I can attach the debugger to an event?

I have a checkbox input element in my DOM and when it's clicked, I'd like the debugger to break so I can step through what's happening. I've added onclick="debugger; ...", but Firebug doesn't break.

I suggest to take a look to Eventbug (getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug). I don't know if you can do what you request using Eventbug, but certanly has lots of options to view event handlers, log events in the console... — Sergio Cinos
– Sergio Cinos, Commented Feb 6, 2012 at 19:30

John Keyes · Accepted Answer · 2009-11-25 23:08:33Z

2

Create an onclick handler for the checkbox, and add a breakpoint to that handler. For example (jQuery):

$('input#mycheckbox').click(function() {
    console.log("click checkbox");
});

In firebug you can add a breakpoint to the console.log line.

answered Nov 25, 2009 at 23:08

John Keyes

5,6142 gold badges33 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kenan Banks · Accepted Answer · 2009-11-25 23:05:25Z

1

Find the javascript line in firebug and set a breakpoint. You should'nt need to modify your Javascript at all.

Check out this page, specifically the "Pause execution on any line" section to see what this looks like visually.

answered Nov 25, 2009 at 23:05

Kenan Banks

213k36 gold badges160 silver badges176 bronze badges

2 Comments

JamesBrownIsDead Over a year ago

Well that's the thing--there is no JavaScript line.

Kenan Banks Over a year ago

Then set a breakpoint on the first line of the event handler.

Collectives™ on Stack Overflow

Firebug debugging JavaScript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related