So überprüfen Sie Javascript-Syntaxfehler

Sie können „window.onerror“ in Javascript verwenden, um Syntaxfehler zu überprüfen und Laufzeitfehler abzufangen, mit Codes wie „window.onerror = function(msg,url,line,col,error){...}“.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wie überprüfe ich Javascript-Syntaxfehler?

Fehlerprüfmethode in JavaScript:

• Try-Catch-Einschränkungen (diese Methode finden Sie unter Wie behandelt Javascript Fehler?)

kann nicht abgefangen werden Syntaxfehler (da der Code überhaupt nicht ausgeführt wird...)

Sie müssen Tools verwenden, um alle Funktionsblöcke und Dateiblöcke hinzuzufügen, um zu versuchen, sie abzufangen.

• Verwenden Siewindow.onerror

, um Syntaxfehler und Laufzeitfehler abzufangen Fehler. ;

Sie können die Fehlerinformationen, den Stapel, die Fehlerdatei, die Zeilennummer und die Spaltennummer abrufen;

Jeder Fehler im auf der aktuellen Seite ausgeführten JS-Skript wird erfasst, z. B.: Browser-Plug-in-Javascript, oder durch Flash ausgelöste Ausnahmen usw.

Domänenübergreifende Ressourcen erfordern eine spezielle Header-Unterstützung.

Übliche Fehlerbehandlungsverfahren sind wie folgt:

window.onerror = function(msg,url,line,col,error){
    //没有URL不上报！上报也不知道错误
    if (msg != "Script error." && !url){
        return true;
    }
    //采用异步的方式
    //我遇到过在window.onunload进行ajax的堵塞上报
    //由于客户端强制关闭webview导致这次堵塞上报有Network Error
    //我猜测这里window.onerror的执行流在关闭前是必然执行的
    //而离开文章之后的上报对于业务来说是可丢失的
    //所以我把这里的执行流放到异步事件去执行
    //脚本的异常数降低了10倍
    setTimeout(function(){
        var data = {};
        //不一定所有浏览器都支持col参数
        col = col || (window.event && window.event.errorCharacter) || 0;
        data.url = url;
        data.line = line;
        data.col = col;
        if (!!error && !!error.stack){
            //如果浏览器有堆栈信息
            //直接使用
            data.msg = error.stack.toString();
        }else if (!!arguments.callee){
            //尝试通过callee拿堆栈信息
            var ext = [];
            var f = arguments.callee.caller, c = 3;
            //这里只拿三层堆栈信息
            while (f && (--c>0)) {
               ext.push(f.toString());
               if (f  === f.caller) {
                    break;//如果有环
               }
               f = f.caller;
            }
            ext = ext.join(",");
            data.msg = ext;
        }
        //把data上报到后台！
    },0);
    return true;//返回true是因为不需要在console中打印错误了
};

Empfohlenes Lernen: „Javascript Advanced Tutorial“

Das obige ist der detaillierte Inhalt vonSo überprüfen Sie Javascript-Syntaxfehler. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!