jquery - Avoid stepping through javascript file in Chrome Developer Tools?

Question

I am wondering, is there any way to omit a javascript file from Chrome Developer Tools debugger, so it will automatically skip over any function calls made to that script?

I ask because my projects often include large libraries such as jQuery. When I step through javascript in Chrome Developer Tools while debugging, I have to step through jQuery's lib every time I make a jQuery call in my script.

I end up having to set breakpoints one line after every call to the jQuery object. It's the only way I have found to skip past and it's very annoying.

question from:https://stackoverflow.com/questions/7827882/avoid-stepping-through-javascript-file-in-chrome-developer-tools

Answer 1

UPDATE 2
There has been an improvement in user flow of this feature in latest versions of chrome. Please refer to https://developer.chrome.com/devtools/docs/blackboxing

UPDATE 1
Since Chrome version 38, you no longer have to enable Developer Tools experiments.

Below details are only for history

This is possible now in chrome version 30+.

1. Enable "Enable Developer Tools experiments" from chrome://flags/#enable-devtools-experiments. (Yes, you need to type that where you type the URL)
2. Relaunch chrome
3. Click on settings icon in Chrome Developer Tools
4. Go to Experiments section. Notice the WARNING ;) and then tick Enable frameworks debugging support. (You also might want to try Show step-in candidates while debugging)
5. Now, close Chrome Dev Tools and again open it.
6. Click on settings icon in Chrome Developer Tools
7. In general section you will find "Skip stepping through sources with particular names". Tick that and provide (regex) for the javascript file names which you want to skip stepping into.

Source: Tips and Tricks: Ignoring library code while debugging in Chrome