I’ve inherited a pile of code that’s doing unexpected things when I click on some <button> elements.
The page has a lot of Javascript, and it’s unclear what, if any, events have been setup on the button or its parent elements. I’m trying to find where execution starts so I can debug what’s going on.
Is there a way to have Firebug (or any Javascript debugger) break whenever any javascript code is executed? Maybe someway to setup a break point on each line programmatically? Or is there some other way to find out which event the button is responding to (page users boh Prototype, jQuery, and some custom Javascript. I know.)
Just press Pause button on the firebug panel (on the left-top corner of it, two yellow vertical lines, when Script tab selected) – and it will stops at first JS string.
But it will stop JS executing really at ANY event – so if you have a button which catches mouse move and mouse click – i will not be able to stop on mouse click, since script will be stopped at mouse move each time you try to move mouse over this button. I suggest you just to insert alert()’s in the suspicious places – after some iterations you will found exactly string you need (where error occurs).