JavaScript обрабатывает все ошибки в window.onerror

Я пытаюсь обработать все ошибки на странице с помощью следующего кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            window.onerror = function (e, url, line) {
                var data = '{"error":"' + e + '","line":"' + line + '","uri":"' + url + '","client":"' + navigator.appName + '","version":"' + navigator.userAgent + '"}';
                var call = "http://myserver.com/sandbox/error.aspx?e=" + data;

                var jse = document.createElement("script");
                var head = document.getElementsByTagName("head")[0];
                jse.setAttribute("type", "text/javascript");
                jse.setAttribute("src", call);
                head.appendChild(jse);
                alert("fail");
                return true;
            }
        </script>
    </head>
    <body>
        <script type="text/javascript">
            var b;
            a = 5; //a is undefined
            b = 5;
            c = 8; //c is undefined
        </script>
    </body>
</html>

Это работает, с помощью инструмента разработчика Internet Explorer (F12) я вижу запрос:

http://myserver.com/sandbox/jserror.aspx?e={"error":"'a' is undefined","line":"23","uri":"file:///C:/User/user/Desktop/Data/JSerror/javascript-error.htm","client":"Microsoft Internet Explorer","version":"Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; Zune 4.7)"}

HTTP-статус 200 OK, и данные доставляются на сервер. Проблема в том, что обрабатывается только первая ошибка, если я делаю это вместо этого:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript">
            window.onerror = function (e, url, line) {
                var data = '{"error":"' + e + '","line":"' + line + '","uri":"' + url + '","client":"' + navigator.appName + '","version":"' + navigator.userAgent + '"}';
                var call = "http://myserver.com/sandbox/error.aspx?e=" + data;

                var jse = document.createElement("script");
                var head = document.getElementsByTagName("head")[0];
                jse.setAttribute("type", "text/javascript");
                jse.setAttribute("src", call);
                head.appendChild(jse);
                alert("fail");
                return true;
            }
        </script>
    </head>
    <body>
        <script type="text/javascript">
            var b;
            a = 5; //a is undefined
            b = 5;
         </script>
         <script type="text/javascript">
            c = 8; //c is undefined
        </script>
    </body>
</html>

Затем обрабатывается первая ошибка из первого тега сценария и первая ошибка из второго тега сценария. Я хочу обработать все ошибки, а не только первую из каждого тега сценария.

Это возможно?

Источник

2 ответа

Решение

Проблема с тем, что вы делаете, в 2 раза.

Сначала, чтобы ответить на ваш вопрос, любая большая ошибка, которую вы хотите обработать, по своей природе остановит выполнение остальной части кода. Поэтому, если вы хотите продолжить работу с кодом после обработки ошибки, вам понадобится некоторый тип функции обратного вызова, определенной в вашей обработке ошибок.

Так что вы можете сделать что-то вроде этого:

<script type="text/javascript">
        window.onerror = function (e, url, line) {
            var data = '{"error":"' + e + '","line":"' + line + '","uri":"' + url + '","client":"' + navigator.appName + '","version":"' + navigator.userAgent + '"}';
            var call = "http://myserver.com/sandbox/error.aspx?e=" + data;

            var jse = document.createElement("script");
            var head = document.getElementsByTagName("head")[0];
            jse.setAttribute("type", "text/javascript");
            jse.setAttribute("src", call);
            head.appendChild(jse);
            alert("fail");
            return do_work(false);
        }
</script>

<script type="text/javascript">
function do_work(bool){  
    if(bool == true){
        var b;
        a = 5; //a is undefined
        b = 5;
        c = 8; //c is undefined
   }else{
       //skip to new function since there was an error here!
   }
}
</script>

Или что-то в этом роде.

Второй с вашим конкретным примером.

 a = 5;
 c = 8;

На самом деле не ошибки в JavaScript. Если вы не можете использовать var перед объявлением переменной она добавляется в глобальную область видимости, в другом скрипте вы можете сделать это:

alert(window.a);  // would alert 5

Тот факт, что IE предупреждает вас, что a является undefined это кварк IE.

Источник

JavaScript не продолжает выполнение после появления ошибки, возможно, этот вопрос поможет вам решить вашу проблему

Источник
Другие вопросы по тегам