How to ignore jQuery breakpoints when debugging in Chrome?
debugging, google-chrome, jquery
Solution
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.
- Gray State = Don't Pause on Exceptions
- Blue State = Pause on all exceptions
- Purple State = Paus only on uncaught exceptions
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.
Problem
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?