Как получить все ошибки и уведомления браузера в JS?

Question

[Alexey]

Существует ли возможность получить все ошибки и уведомления браузера в JS?

Я использовал для JS ошибок:
window.onerror

Но данный listener слушает насколько я понял JS ошибки. К примеру если существует изображение, при котором браузер не может его загрузить возвращаяя 404 ошибку, данный код отследить это событие не может, а необходимо.

Какие существуют решения для решения данного вопроса?
Возможно есть библиотеки для этого?

Answer 1

[Stalker_RED]

document.body.addEventListener('load', myLog, true)
document.body.addEventListener('error', myLog, true)

function myLog(evt) {
  if( evt.target.tagName == 'IMG'){
    console.log('my logger:', evt)
  }
}

https://jsfiddle.net/eqv7y366/

Но я согласен с Александр Аксентьев, правильнее отслеживать отвалившиеся ресурсы через access.log, там вы любые файлы сможете отследить.

Answer 2

[Александр Аксентьев]

К примеру если существует изображение, при котором браузер не может его загрузить возвращаяя 404 ошибку, данный код отследить это событие не может, а необходимо.

это к JSу никак не относится потому что. С чего ему знать такое.

Чтобы отследить придётся загружать всё через JS тогда.

Только зачем это через JS логировать, если можно открыть access log на сервере и найти все 404 ошибки.

Comments

[Антон Спирин]

Ошибаетесь.
Решение для html:

<img src="invalid/link" onerror="handleImageLoadError()"/>

решение для JS:

function testImage(URL) {
    var tester=new Image();
    tester.onload=imageFound;
    tester.onerror=imageNotFound;
    tester.src=URL;
}

function imageFound() {
    alert('That image is found and loaded');
}

function imageNotFound() {
    alert('That image was not found.');
}

testImage("http://foo.com/bar.jpg");

Такие вещи разумно использовать если ошибку загрузки обязательно надо обработать на странице.

Answer 3

[ой всё]

во всех браузерах есть developer tools - console, network, sources, etc.
там как раз и показываются все проблемы загрузки

Comments

[Alexey]

Сто процентный ответ! ))))