Question

103

Error-logging for javascript on client side

rated 0 times [ 105] [ 2] / answers: 1 / hits: 25610 / 12 Years ago, fri, june 29, 2012, 12:00:00

My project which contains a lot of pages with forms. This is a backend of banking CRM system, so any error during working process is to be captured and investigated.
On the server side we have enhanced java exceptions system, but if error occurs on client side - javascript the only info we now get is an js-error window in IE or sometimes a screenshot of page made by advanced user.

Javascript code contains both Jquery-powered UI extensions and hard-coded inline event handlers and functions.

So I am asking whether any approach for capturing js-errors of any kind could be used?
some additional library or something that could give me a stacktrace like firebug in Mozilla or web-console in Chrome?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jimmieo

Add To Favorites

Follow

Total Points: 515

Total Questions: 102

Total Answers: 110

Location: Kazakhstan

Member since Mon, Sep 26, 2022

2 Years ago

jimmieo questions

1 Chrome Dev Tools Elements Tab stopped working (can't right click any DOM Node and hover over Dom Node doesnt highlight anything)

Fri, Mar 4, 22, 00:00, 2 Years ago

1 React Redux toolkit: type is not assignable to type 'CaseReducer< type, { payload: any; type: string; }>

Fri, Aug 13, 21, 00:00, 3 Years ago

1 react-query getting old data

Tue, Feb 23, 21, 00:00, 3 Years ago

1 FirebaseError: Function Query.where() requires a valid third argument, but it was undefined

Mon, Mar 11, 19, 00:00, 5 Years ago

1 How to make < tr> clickable as a link instead of cell?

Thu, Jan 31, 19, 00:00, 5 Years ago

View All

answered 12 Years ago quinn · Accepted Answer

Look into window.onerror. If you want to capture any errors, and report them to the server, then you could try an AJAX request, perhaps.

window.onerror = function(errorMessage, errorUrl, errorLine) {

    jQuery.ajax({

        type: 'POST',

        url: 'jserror.jsf',

        data: {

            msg: errorMessage,

            url: errorUrl,

            line: errorLine

        },

        success: function() {

            if (console && console.log) {

                console.log('JS error report successful.');

            }

        },

        error: function() {

            if (console && console.error) {

                console.error('JS error report submission failed!');

            }

        }

    });



    // Prevent firing of default error handler.

    return true;

}