Skip to content

Instantly share code, notes, and snippets.

@bertrandg
Forked from paulirish/readme.md
Last active August 29, 2015 14:17
Show Gist options
  • Save bertrandg/886b88dbfe9bcf981e3d to your computer and use it in GitHub Desktop.
Save bertrandg/886b88dbfe9bcf981e3d to your computer and use it in GitHub Desktop.

console.log wrap resolving for your wrapped console logs

I've heard this before:

What I really get frustrated by is that I cannot wrap console.* and preserve line numbers

We enabled this in Chrome DevTools via blackboxing a bit ago.

If you blackbox the script file the contains the console log wrapper, the script location shown in the console will be corrected to the original source file and line number. Click, and the full source is looking longingly into your eyes.

You can try it out here: http://plnkr.co/edit/3wg4u9HUGXfFH0U7MR7j

Blackbox the source file:

image

You can right-click the file in the editor, as well. Or blackbox via regex in Settings.

Logs will be resolved back to their call frame.

image

FWIW, Blackboxing does a lot. Blackboxing a file means:

  • Exceptions thrown from library code will not pause (if Pause on exceptions is enabled),
  • Stepping into/out/over bypasses the library code,
  • Event listener breakpoints don't break in library code,
  • The debugger will not pause on any breakpoints set in library code.

Read more about it over at https://developer.chrome.com/devtools/docs/blackboxing

Cheers and thanks crbug/249575

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment