monitoring js errors

Question

I am interested in monitoring javascript errors and logging the errors with the callstack.

I am not interested to wrap everything in try-catch blocks.

According to this article http://blog.errorception.com/2011/12/call-stacks-in-ie.html it's possible inside window.onerror "recursively call .caller for each function in the stack to know the previous function in the stack"

I tried to get the callstack:

window.onerror = function(errorMsg, url, lineNumber)
{
    var stk = [], clr = arguments.callee.caller;
    while(clr)
    {
        stk.push("" + clr);
        clr = clr.caller;
    }
    // Logging stk
    send_callstack_to_log(stk);
}

but only one step is possible even if the callstack was much longer:

(function()
{
function inside() {it.will.be.exception;};
function middle() {inside()};
function outside() {middle()}
outside();
})();

One step isn't interesting because onerror arguments give me even more information about it.

Yes, I tried it with IE according the article I mentioned above.

Remark: I also tried to open an account on "ERRORCAEPTION" to gather error log. I tested it with IE and "ERRORCAEPTION" recognize that the errors are coming from IE, but I can't find any callstack information in the log I've got there.

You might take a look at stacktrace.js. It is a cross-browser solution. — a better oliver
– a better oliver, Commented Mar 17, 2013 at 14:17
Quick update for people stumbling on this in 2019+: This isn't really a problem anymore. All common modern browsers are capable of producing a reliable stack trace, and the usage of callee on functions is restricted. You can generate a stack with either console.trace or by throwing and catching an error. If you want to see when errors happen in production, services like TrackJS Error Monitoring can do that. — Todd H. Gardner
– Todd H. Gardner, Commented Aug 29, 2019 at 20:26

Daniil · Accepted Answer · 2013-09-29 03:39:43Z

2

Unfortunately this log will not always be available, it lacks line numbers, you can not really rely on it.

Try https://qbaka.com

Qbaka automatically overload bunch of JavaScript functions like addEventListener, setTimeout, XMLHtppRequest, etc so that errors happening in callbacks are automatically wrapped with try-catch and you will get stacktraces without any code modification.

answered Sep 29, 2013 at 3:39

Daniil

5,8105 gold badges21 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fizer Khan · Accepted Answer · 2014-09-24 10:21:34Z

1

You can try atatus which provides javascript contextual error tracking: https://www.atatus.com/

answered Sep 24, 2014 at 10:21

Fizer Khan

93.6k30 gold badges147 silver badges156 bronze badges

Comments

Allan Ebdrup · Accepted Answer · 2022-08-17 10:22:18Z

1

Take a look here: https://github.com/eriwen/javascript-stacktrace

That's the one I use on Muscula, a service like trackjs.

edited Aug 17, 2022 at 10:22

answered Mar 18, 2013 at 6:03

Allan Ebdrup

1425 bronze badges

1 Comment

Alexander Over a year ago

I've seen this one. It doesn't help me inside window.onerror. Inside try-catch it's easy to get the stack, but as I told in my question - I can't wrap everything in try-catch blocks. But thank you for your effort.

user11507241 · Accepted Answer · 2019-05-16 03:27:03Z

0

I have wrote a program to monitor js error. maybe it will help.

I used three kind of methods to catch exceptions, such as window.onerror, rewrite console.error and window.onunhandledrejection. So I can get Uncaught error, unhandled promise rejection and Custom error

Take a look here: https://github.com/a597873885/webfunny_monitor

or here: https:www.webfunny.cn

It will be help

edited May 16, 2019 at 3:27

answered May 16, 2019 at 3:07

user11507241

11 bronze badge

Collectives™ on Stack Overflow

monitoring js errors

4 Answers 4

Comments

Comments

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Related