Можно ли через js отлавливать ошибки, которые выводятся в консоли?

Question

[angelzzz]

Вопрос такой: можно ли с помощью js получать информацию об ошибках, которые отображаются в консоли. То есть скрипт на сайте или подключенный к сайту сторонний сервис, он выводит ошибку (предположим, "не существующая переменная"), или например, 404 на картинку выводится. Можно ли такие сообщения отлавливать?

Answer 1

[Кирилл]

https://ravenjs.com/
https://sentry.io/welcome/

Answer 2

[Виталий]

const consoleLog = console.log
console.log = (...args) => {
    // то что ты хочешь с аргументами делать
    consoleLog(...args);
}

аналогично для error
важный момент это надо цеплять в прелоад в браузере на нужные тебе страницы.

Answer 3

[Дмитрий Беляев]

перехват глобальных ошибок:

function globalError(e) {
    e.preventDefault();
    window.ga('send', 'event', 'logs', 'error', JSON.stringify({
        reason: e.reason,
        message: e.message,
        filename: e.filename,
        pos: `${e.lineno}:${e.colno}`,
        href: location.href
    }), {
        nonInteraction: true
    });
}
window.addEventListener('unhandledrejection', globalError);
window.addEventListener('error', globalError);

Гугл аналитику можно заменить на любой другой сбор логов

перехват ошибок конкретного элемента (скрипт, картинка, медиа):

element.onerror = function(e) {
  // обрабатываем ошибку
};