Blackboxing Scripts in Chrome Developer Tools
One little known tip that I picked up from a recent Frontend Masters workshop is that you can blackbox certain scripts.
What does Blackboxing mean?
Blackboxing basically means that you are telling the debugger to ignore a certain file when you are stepping through your code. I know when I step through my code I always seem to end up in some kind of minified jQuery file.
You can blackbox a script in a few ways, but what I usually do is right click on the file in the
Sources tab and hit
Now if you
step over or
step into your code it will know to ignore your blackboxed script since your probably trying to debug your own code and don't care about anything within your libraries.
If you would like to learn a bit more about this feature, head on over to this google article.
Thoughts? Hit me up on twitter @brenelz
Notice spelling mistakes or outdated content? Make a pull request!