An alternative to using logs: debug()

js_bits_bill

JS Bits Bill

Posted on July 6, 2020

An alternative to using logs: debug()

The Chrome console includes a helper method called debug that will pause execution in the debugger on the first line of a provided function.

function greeting(msg) {
  console.log(msg);
}

// Debug the greeting function whenever it gets called
debug(greeting);

// Once greeting is called the Sources panel in DevTools will automatically open
greeting('Hello World!');
Enter fullscreen mode Exit fullscreen mode

When using debug, the breakpoint is added to the function definition and paused regardless of where it is called. So this is just a quick way to see if and how a function is being called without having to add your own logs to it or manually track it down in the Sources to add a breakpoint! ⚡


Check out more #JSBits at my blog, jsbits-yo.com. Or follow me on Twitter!

💖 💪 🙅 🚩
js_bits_bill
JS Bits Bill

Posted on July 6, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related