Whenever I try to debug my website, it stops many times in the jQuery .js file, even if there are no breakpoints there. This is very annoying, as I only want to debug where I have put breakpoints in my code.
How can i make chrome ignore the jQuery core file when debugging, and only focus on the places where I have put a breakpoint?
Right-click anywhere in the Breakpoints pane to deactivate all breakpoints, disable all breakpoints, or remove all breakpoints. Disabling all breakpoints is equivalent to unchecking each one.
Step 1: Run your page in Google Chrome. Step 2: Press F12. Step 3: Click on the Sources tab. Step 4: In this example, I write debugger after the button click.
To Disable a Single Breakpoint In the Query Editor window, right-click the breakpoint, and then click Disable Breakpoint. In the Breakpoints window, clear the check box to the left of the breakpoint.
When debuggin using Chrome the only reason the debugger stops inside the jQuery files is if you use F11 (step-in) while debugging instead of F8 (pause/continue execution) or if an error was encountered and you have pause on errors
enabled.
Off course any debugger;
lines will also force the execution to halt.
To ignore errors there is a little circle icon in the Sources
tab on the bottom which can be clicked into 3 states.
See image below regarding the icon I'm refering to, click it for the different states.
Also, on the right of the image you can see different sections like: DOM Breakpoints
and XHR Breakpoints
, etc. Check those have no breakpoints either, just-in case.
Hope this helps.
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