Window.onerror не запускается в Firefox

Я пытаюсь создать инфраструктуру регистрации ошибок javascript.

Я пытаюсь установить window.onerror в качестве обработчика ошибок. Он работает в IE 6, но когда я запускаю его в Firefox, он сталкивается с некоторым противоречивым методом onerror.

var debug = true;

MySite.Namespace.ErrorLogger.prototype = {

   //My error handling function.  
   //If it not in debug mode, I should get an alert telling me the error.
   //If it is, give a different alert, and let the browser handle the error.
   onError: function(msg, url, lineNo) {
        alert('onError: ' + msg);
        if (!debug) {
            alert('not debug mode');
            return true;
        }
        else {
            alert(msg);
            return false;
        }
    }
}

//Document ready handler (jQuery shorthand)
$(function() {
    log = $create(MySite.Namespace.ErrorLogger);

    window.onerror = log.onError;

    $(window).error(function(msg, url, line) {
        log.onError(msg, url, line);
    });
});

Если я использую setTimeout("eval('a')", 1); где 'a' - это переменная undefined, мой обработчик ошибок запускается (он работает). Тем не менее, мой журнал ошибок должен улавливать все ошибки, вызванные доступом клиентов к веб-сайту, а не только неправильный код в одном месте.

Код находится на странице .js, которая вызывается с базовой страницы (С#) веб-сайта. На сайте также используется jQuery, поэтому у меня есть функция, которая переопределяет функцию связывания jQuery, и эта функция отлично работает как в Firefox 3, так и в IE 6.

Я знаю, что Firefox видит ошибку, потому что она отображается как в консоли ошибок, так и в Firebug, но моя функция window.onerror все еще не вызывается.

Любые мысли о том, как переопределить действия Firefox?

ОТВЕТЫ

Ответ 1

В IE 6 и Firefox 3.0.11 протестировано и работает следующее:

<html>
<head>
<title>Title</title>
</head>
<body>
    <script type="text/javascript">
    window.onerror = function (msg, url, num) {
        alert(msg + ';' + url + ';' + num);
        return true;
    }
    </script>
    <div>
    ...content...
    </div>
    <script type="text/javascript">
    blah;
    </script>
</body>
</html>

Если какая-либо другая библиотека JavaScript, которую вы загружаете, также прикрепляется к window.onerror, вы можете сделать это:

<script type="text/javascript">
function addHandler(obj, evnt, handler) {
    if (obj.addEventListener) {
        obj.addEventListener(evnt.replace(/^on/, ''), handler, false);
    // Note: attachEvent fires handlers in the reverse order they
    // were attached. This is the opposite of what addEventListener
    // and manual attachment do.
    //} else if (obj.attachEvent) {
    //    obj.attachEvent(evnt, handler);
    } else {
        if (obj[evnt]) {
            var origHandler = obj[evnt];
            obj[evnt] = function(evt) {
                origHandler(evt);
                handler(evt);
            }
        } else {
            obj[evnt] = function(evt) {
                handler(evt);
            }
        }
    }
}
addHandler(window, 'onerror', function (msg, url, num) {
    alert(msg + ';' + url + ';' + num);
    return true;
});
addHandler(window, 'onerror', function (msg, url, num) {
    alert('and again ' + msg + ';' + url + ';' + num);
    return true;
});
</script>

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

Обратите внимание, что addHandler() может использоваться для привязки нескольких обработчиков к любому событию:

addHandler(window, 'onload', function () { alert('one'); });
addHandler(window, 'onload', function () { alert('two'); });
addHandler(window, 'onload', function () { alert('three'); });

Этот код является новым и несколько экспериментальным. Я не уверен на 100% addEventListener делает именно то, что делает ручное вложение, и, как прокомментировал, attachEvent запускает обработчики в обратном порядке, в которые они были прикреплены (так что вы увидите "три, два, один" в примере выше). Хотя это не обязательно "неправильно" или "неверно", это противоположно тому, что делает другой код в addHandler, и в результате может привести к непоследовательному поведению браузера в браузер, поэтому я его удалил.

EDIT:

Это полный тестовый пример, чтобы продемонстрировать событие onerror:

<html>
<head>
<title>Title</title>
</head>
<body>
<script type="text/javascript">
function addHandler(obj, evnt, handler) {
    if (obj.addEventListener) {
        obj.addEventListener(evnt.replace(/^on/, ''), handler, false);
    } else {
        if (obj[evnt]) {
            var origHandler = obj[evnt];
            obj[evnt] = function(evt) {
                origHandler(evt);
                handler(evt);
            }
        } else {
            obj[evnt] = function(evt) {
                handler(evt);
            }
        }
    }
}
addHandler(window, 'onerror', function (msg, url, num) {
    alert(msg + ';' + url + ';' + num);
    return true;
});
</script>
<div>
...content...
</div>
<script type="text/javascript">
blah;
</script>
</body>
</html>

Когда вышеуказанный код помещается в test.htm и загружается в Internet Explorer из локальных idks, вы должны увидеть диалоговое окно с надписью 'blah' is undefined;undefined;undefined.

Когда вышеуказанный код помещается в test.htm и загружается в Firefox 3.0.11 (и последние 3.5 из этого редактирования - Gecko/20090616) с локального диска, вы должны увидеть диалоговое окно с надписью [object Event];undefined;undefined, Если этого не происходит, то ваша копия Firefox не настроена корректно или иначе нарушена. Все, что я могу предложить, это удалить Firefox, удалить локальные профили (информация о том, как найти ваш профиль, доступна здесь) и переустановить последняя версия и тест снова.

Ответ 2

Не забудьте вернуть true из любого пользовательского обработчика window.onerror, иначе firefox будет обрабатывать его.

Ответ 3

Похоже, что в jQuery 1.3.x есть открытая ошибка (# 3982) - Событие jQuery.error получает неправильные аргументы. Последнее обновление было 2 месяца назад с комментарием:

Учитывая, насколько сумасшедшим является событие ошибки, и как часто он используется, я согласен что проще всего удалить поддержку для этого. Я добавил примечание к документам так как он все равно не работает.

Думаю, я просто установил window.onerror сам, похожий на то, что опубликовал Грант. Кроме того, FireFox: addEventListener Vs. window.onerror упоминает, что "element.addEventListener", вызывая ошибку, не активирует "window.onerror".