Is there a way to tell the Chrome debugger (or maybe Firebug?) to not break within certain files? To assume they're not broken, essentially? This seems like something they might build in.
Step 1: Run your page in Google Chrome. Step 2: Press F12. Step 3: Click on the Sources tab. Step 4: In this example, I write debugger after the button click.
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.
Chrome. While debugging in the Developer Tools, right-click on a stack in the "Call Stack" window and select Add script to ignore list . Alternatively, you may open a file in the editor pane, right-click inside the file and select Add script to ignore list .
Blackboxing JS files is now possible in Firefox https://developer.mozilla.org/en-US/docs/Tools/Debugger
And in Chrome Canary using Experimental Dev tools. http://www.divshot.com/blog/tips-and-tricks/ignoring-library-code-while-debugging-in-chrome/
Update. In Chrome v.75 there is a separabe tab for blackboxing.
Above works in stable Chrome build as well now.
The latest version of Chrome has implemented a new blackbox feature that does exactly what you are looking for. Basically, when you set the blackbox option on a given file, it will prevent Chrome debugger from breaking into that file.
This feature is built-in and it can be set with the context menu of the file (right click). It will also work if Chrome debugger is set for stopping on all exceptions.
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