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.
Open Chrome DevTools. Press Control+Shift+P or Command+Shift+P (Mac) to open the Command Menu. Start typing javascript , select Disable JavaScript, and then press Enter to run the command. JavaScript is now disabled.
Go to the "Sources" tab. At the top right hand side, toggle the button that looks like the pause symbol surrounded by a hexagon (button on the far right) until the color of the circle turns black to turn it off. If the pause symbol isn't blue it may be that you've accidentally marked a line for debugging inspection.
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+.
chrome://flags/#enable-devtools-experiments
. (Yes, you need to type that where you type the URL)Enable frameworks debugging support
. (You also might want to try Show step-in candidates while debugging
)Source: Tips and Tricks: Ignoring library code while debugging in Chrome
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