Menu
I'm currently using Firebug to debug web applications.
Typically, when we would debug an application, we must follow theses steps:
My question: is there a way to tell the debugger to break on the next JavaScript line to be executed ?
In other words: I load my page, I set an option in my debugger, I click on a button (which is controlled by JavaScript) and my debugger will break on the line which is executed (the one who catches the button click).
Typically, in an application with multiple scripts where is is difficult to find where the interesting thing is.
Thanks in advance
528
In the debugger window, you can set breakpoints in the JavaScript code. At each breakpoint, JavaScript will stop executing, and let you examine JavaScript values. After examining values, you can resume the execution of code (typically with a play button).
DOM Breakpoints are useful to break on DOM mutation events, such as when a node is removed, modified, or its attributes are changed. You can view all current DOM breakpoints on the DOM Breakpoint tab.
You can also click on the line you want to skip to and hit Ctrl+F10 (Run to Cursor). It will jump directly to that line.
The debugger doesnt work the you wanted it to be. In Chrome dev tools, generic breakpoints are just generic all rules on all corresponding elements! To debug a click in a certain Button you need to find listener that handles click event on your button particularly. Locate the listener script and add a breakpoint and work frim there.
68
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
