Лучший способ захватить ошибки JavaScript в производстве?

У меня серьезная проблема с JavaScript, которую трудно воспроизвести в любой из наших сред dev/test/prod. Тем не менее, он постоянно сообщается нашими клиентами. Иногда мы считаем, что это браузер специфический - иногда мы считаем его конкретным действием - иногда мы думаем, что это связано с печеньем. Это тяжело, и нас тянет слишком много разных направлений, и все они не подходят.

Мы считаем, что проблема возникает в одном из наших основных файлов JavaScript - но этот файл огромен. В прошлом мы столкнулись с другими проблемами - и были защищены от будущих проблем с использованием блоков try/catch успешно, но в настоящее время мы очень неуверены в возникновении этих новых проблем.

Мы просматривали наши серверные журналы, и информация, которую мы находим, не полезна.

Мне интересно, поможет ли использование фреймворка JavaScript в наших проблемах. Внедряет что-то вроде " log4javascript" захватывать/регистрировать активность наших пользователей, а не только нас? Любой совет? Кто-нибудь еще был в этой ситуации? Какие стратегии вы использовали для лучшего понимания своих ошибок?

Ответ 1

log4javascript AjaxAppender можно использовать для отправки сообщений журнала на сервер.

var log = log4javascript.getLogger("serverlog");
var ajaxAppender = new log4javascript.AjaxAppender("http://example.com/clientlogger");
log.addAppender(ajaxAppender);

Вы можете поместить информационные коды в свой код и добавить обработчик window.onerror, чтобы поймать ошибки, не попавшие в блоки try/catch в вашем коде:

window.onerror = function(errorMsg, url, lineNumber) {
    log.fatal("Uncaught error " + errorMsg + " in " + url + ", line " + lineNumber);
};

Вам также необходимо создать что-то на сервере для обработки запросов на ведение журнала из браузера.

Полное раскрытие: я являюсь автором log4javascript.

Ответ 2

Взгляните на ошибки

http://errorception.com/

Также попробуйте Atatus - это новая служба отслеживания ошибок JavaScript, а также Real User Monitoring (RUM) для современных веб-приложений.

https://www.atatus.com/

Также BugSense выпустила версию html5 для отслеживания ошибок.

https://www.bugsense.com/docs/html5

Итак, вы получите красивый интерфейс для отслеживания их