Is there a browser plugin to step into javascript code when an event occurs in the page? [duplicate]

Question

So the scenario is: there are a lot of javascript code in a page. If I click a button, it will trigger a certain piece of the code. But I'm not the author of the page so I don't know which file contains that piece nor which function. Is there a way to set such a breakpoint so that I can check the code when it gets executed?

EDIT: Thanks for the comments. I found where exactly my problem was. That page calls a method in a library every second so chrome always steps in that method instead of what I really want, which confused me as I thought it wasn't debugging the code correctly. To solve that I asked chrome to ignore the code in that library. That is a experimental feature in chrome for now. This article describes the way to achieve that: http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

You can use Chrome's developer tools to do just that: developers.google.com/chrome-developer-tools/docs/… — Felix Kling
– Felix Kling, Commented Feb 2, 2014 at 1:13
I did a Google search for this question, and I found several search results that may be useful in this situation. — Anderson Green
– Anderson Green, Commented Feb 2, 2014 at 1:16
@isherwood It isn't clear whether this question is about Google Chrome, though. The question doesn't mention any particular web browser. — Anderson Green
– Anderson Green, Commented Feb 2, 2014 at 1:36
Which makes that a perfect duplicate. As you said, no browser is specified. — isherwood
– isherwood, Commented Feb 2, 2014 at 1:37

Tibos · Accepted Answer · 2014-02-02 01:20:20Z

2

What you are looking for are Event Listener Breakpoints. In Chrome Developer Tools you can find them on the Sources tab.

Link curtesy of @FelixKling.

answered Feb 2, 2014 at 1:20

Tibos

27.9k4 gold badges56 silver badges66 bronze badges

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

2 Comments

Anderson Green Over a year ago

I'm not sure if this question is about Google Chrome, though: the question doesn't specify any browser.

Tibos Over a year ago

From getfirebug.com/doc/breakpoints/demo.html#event : Breakpoints on Event Handlers - This feature not yet implemented. Doing development mostly in Chrome i haven't had as much experience with other environments. Feel free to provide a better answer regarding those.

Collectives™ on Stack Overflow

Is there a browser plugin to step into javascript code when an event occurs in the page? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related