CODEWITHSUNDEEP
google-chrome-devtools
eoinoc
eoinoc

Reputation: 3265

How to debug the next JavaScript event in Chrome, with scripts running in background?

In Chrome DevTools, I want to be able to hit F8 (pause script execution), and then interact with the page's elements to see what script it fires. The goal is to pause script execution as soon as I click on a button, for example.

However, when hitting F8, I'm brought to a certain script file in the Sources tab. It seems to be constantly running, perhaps on a timer. I hit Shift+F11 to step out of the function, but this brings me to the "unpuased" state again in Chrome.

In this case, the script running in the background is Plupload jQuery plugin.

Can I deactive or ignore those scripts running constantly in the backgound, in order to be able to debug page interaction events?

Upvotes: 1

Views: 169

Answers (1)

Ethan Selzer
Ethan Selzer

Reputation: 1755

You can use the DOM, XHR, and Event Listener breakpoints menus on the Sources tab to target the operations you would like to investigate. This approach will probably take some experimentation and practice, but it may give you the control you seek.

Upvotes: 3

Related Questions