Geek Answers Handbook

How to ignore jQuery breakpoints when debugging in Chrome?

Whenever I try to debug my site, it stops repeatedly in the jQuery.js file, even if there are no breakpoints there. This is very annoying as I only want to debug where I set breakpoints in my code.

How can I make chrome ignore the main jQuery file when debugging and focus only on the places where I set a breakpoint?

+8
jquery debugging google-chrome
source share
3 answers

When debugging using Chrome, the only reason the debugger stops inside jQuery files is to use F11 (step by step) when debugging instead of F8 (pause / continue) or if an error occurs and you have pause on errors .

Off course any debugger; lines debugger; will also make execution stop.

To ignore errors, on the Sources tab at the bottom there is a small circle icon that you can click on 3 states.

  • Gray states = Do not pause using exceptions
  • Blue state = Pause in all exceptions
  • Violet = Pause only on uncaught exceptions

See the image below for the icon I'm referring to, click it for different states.

In addition, to the right of the image you can see different sections, such as: DOM Breakpoints and XHR Breakpoints , etc. Make sure they don't have breakpoints, anyway.

Hope this helps.

enter image description here

+10
source share

I believe that you are looking for the latest developer feature called black boxing. This feature will allow debuggers to essentially go through the library code when debugging a step.

You can read more about this here: http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/

+6
source share

Blackboxing (ignoring exceptions in certain files) is now supported by google chrome.

development tools > settings > Manage framework blackboxing

And even simpler, just right-click in the file and say Blackbox this script

Firefox has an auto-black copy of mini JS files even!

+3
source share

More articles:


All Articles