Tell Chrome debugger to ignore libraries

Debugging in chrome can be a mess, as most of the time you end up doing “step out” to get out of a library like AngularJS, jQuery or a plugin’s code. Luckily Google Chrome has a feature since a while to skip specific files and file-patterns when debugging.

To get that feature:

  1. Open Google Chrome’s Developer Tools (MacOS: ALT+CMD+I)
  2.  Select Sources tab and click on the three dots menu on the right, next to the x.
    chrome-debug-1
  3. Click on Settings and scroll down to Manage framework blackboxing…chrome-debug-2 
  4. Enter the scripts filenames or a regex that fits to the files that you want to ignore, enable Blackbox content scripts
    chrome-debug-3
  5. Close and debug 🙂

 

markus