Capture global JS errors with window.onerror()

js_bits_bill

JS Bits Bill

Posted on December 2, 2020

Capture global JS errors with window.onerror()

Did you know you can capture and report on global JavaScript errors with window.error? Check it!

// The "error" event fires when an uncaught error is thrown
window.addEventListener('error', function(event) {
  console.log('Captured error:', event);
});
Enter fullscreen mode Exit fullscreen mode

Inside the error object, you'll get all sorts of information including the error message, target element, and even the stack trace.

This is how a lot of error logging platforms capture client-side errors: the event listener can be added globally and the callback can send the error date to a server where you can do all sorts of things with it. Neat! 😎


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

πŸ’– πŸ’ͺ πŸ™… 🚩
js_bits_bill
JS Bits Bill

Posted on December 2, 2020

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

Sign up to receive the latest update from our blog.

Related