Debugging with Console & DevTools
What does the Chrome DevTools 'Blackbox script' feature do?
Script blackboxing provides focused debugging: 1) It tells the debugger to skip specified scripts during debugging operations, 2) When stepping through code, blackboxed scripts are treated as a single step, 3) Stack traces hide frames from blackboxed scripts, making traces cleaner and more relevant, 4) This is extremely useful for ignoring library or framework code you don't need to debug, 5) For example, blackboxing jQuery or React internals focuses debugging on your application code, 6) Breakpoints in blackboxed scripts are not hit, 7) Scripts can be blackboxed via the context menu in Sources or through patterns in settings, 8) This feature dramatically improves debugging efficiency by reducing noise from third-party code when tracking down application-specific issues.