Logging client-side errors

function logError(details) {
  $.ajax({
    type: 'POST',
    url: 'http://mydomain.com/api/1/errors',
    data: JSON.stringify({context: navigator.userAgent, details: details}),
    contentType: 'application/json; charset=utf-8'
  }); 
}

window.onerror = function(message, file, line) {
  logError(file + ':' + line + '\n\n' + message);
};

Let’s keep this short. Too few websites log JavaScript errors. Let’s build a simple system to track client-side errors.

Makes clever use of the window.onerror event

Also comes with example serverside code to actually logging the event serverside

You Really Should Log Client-Side Errors →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.