Clever Geek Handbook

Debugging which function was started using Firebug

I'm trying to debug the implementation of another user interface, and at the moment it is very difficult to find out what events cause, functions

.

Is there a way to find out what was called function

when the event was fired? Maybe with Firebug

?

+3


source to share


3 answers


In the Chrome developer toolbar, you can set event breakpoints. - hope this helps



enter image description here

+4


source


There is a Firebug extension called EventBug. There are actually quite a few extensions for Firebug that are amazing.

http://getfirebug.com/wiki/index.php/Firebug_Extensions#Eventbug



EventBug screenshot

EventBug allows you to see the event functions that are bound to an element and set breakpoints in their handlers.

+4


source


You can also try using Firebug's "Break on next" function when it's in the Script Tab. Once enabled, it will abort whenever any Script is executed.

Break on next

However, this has a disadvantage: if you are using a framework that listens for mouse events globally (for example, attached to <body>

), you will get a breakpoint whenever you move the mouse, so it is completely useless.

Also, when there is a specific timeout that fires before you can create your event (like a mouse click), the break will happen in that timeout.

+1


source






More articles:


All Articles