Suppose a particular user is using Chrome, and gets a runtime error which is logged in Chrome's Console. I'd like to know what that error is. Currently I would have to reach out to the specific user, get them to open up the console and tell me what the error is (or send a screenshot).

Is there a way for me to automatically catch or log that error (regardless of what the error is) and send it to the server?

As a follow-up question is there a way to do this for all major browsers?

Suppose a particular user is using Chrome, and gets a runtime error which is logged in Chrome's Console. I'd like to know what that error is. Currently I would have to reach out to the specific user, get them to open up the console and tell me what the error is (or send a screenshot).

Is there a way for me to automatically catch or log that error (regardless of what the error is) and send it to the server?

As a follow-up question is there a way to do this for all major browsers?

• javascript
• error-handling
• runtime-error
• frontend

• There are various tools/libraries that do this. Have a look at Sentry for one example. – James Allardice Commented Sep 30, 2014 at 11:56
• Possible duplicate of Catch all JavaScript errors and send them to server – Martin Omander Commented Sep 10, 2018 at 17:56

1 Answer 1

You could wrap console.log and console.error with your logging method

var log = console.log;

console.log = function() {
    //Ajax post arguments to your server for logging
    return log.apply(console, arguments);
};

var error = console.error;

console.error = function() {
    //log arguments to server
    return error.apply(console, arguments); 
};