Drucken Sie das Funktionsprotokoll / die Stapelverfolgung für das gesamte Programm mit Firebug

Firebug kann Aufrufe an einen bestimmten Funktionsnamen protokollieren. Ich suche nach einem Fehler, der manchmal das Rendern einer Seite verhindert, aber keine Fehler oder Warnungen verursacht. Der Fehler tritt nur etwa zur Hälfte auf. Wie erhalte ich eine Liste aller Funktionsaufrufe für das gesamte Programm oder eine Art Stack-Trace für die Ausführung des gesamten Programms?

Firefox bietet console.trace() eine sehr praktische Möglichkeit , den Aufrufstapel zu drucken. Es ist auch in Chrome und IE 11 verfügbar .

Alternativ können Sie Folgendes ausprobieren:

function print_call_stack() {
  var stack = new Error().stack;
  console.log("PRINTING CALL STACK");
  console.log( stack );
}

Wenn ich einen Stack-Trace benötige, mache ich Folgendes: Vielleicht können Sie sich davon inspirieren lassen:

function logStackTrace(levels) {
    var callstack = [];
    var isCallstackPopulated = false;
    try {
        i.dont.exist += 0; //doesn't exist- that's the point
    } catch (e) {
        if (e.stack) { //Firefox / chrome
            var lines = e.stack.split('\n');
            for (var i = 0, len = lines.length; i < len; i++) {
                    callstack.push(lines[i]);
            }
            //Remove call to logStackTrace()
            callstack.shift();
            isCallstackPopulated = true;
        }
        else if (window.opera && e.message) { //Opera
            var lines = e.message.split('\n');
            for (var i = 0, len = lines.length; i < len; i++) {
                if (lines[i].match(/^\s*[A-Za-z0-9\-_\$]+\(/)) {
                    var entry = lines[i];
                    //Append next line also since it has the file info
                    if (lines[i + 1]) {
                        entry += " at " + lines[i + 1];
                        i++;
                    }
                    callstack.push(entry);
                }
            }
            //Remove call to logStackTrace()
            callstack.shift();
            isCallstackPopulated = true;
        }
    }
    if (!isCallstackPopulated) { //IE and Safari
        var currentFunction = arguments.callee.caller;
        while (currentFunction) {
            var fn = currentFunction.toString();
            var fname = fn.substring(fn.indexOf("function") + 8, fn.indexOf("(")) || "anonymous";
            callstack.push(fname);
            currentFunction = currentFunction.caller;
        }
    }
    if (levels) {
        console.log(callstack.slice(0, levels).join('\n'));
    }
    else {
        console.log(callstack.join('\n'));
    }
};

Anmerkung des Moderators : Der Code in dieser Antwort scheint auch in diesem Beitrag aus Eric Wenderlins Blog zu erscheinen . Der Autor dieser Antwort behauptet jedoch, es sei sein eigener Code, der vor dem hier verlinkten Blog-Beitrag geschrieben wurde. Nur aus Gründen von Treu und Glauben habe ich den Link zum Beitrag und diesen Hinweis hinzugefügt.

Ich habe das ohne Feuerwanze geschafft. Getestet in Chrom und Firefox:

console.error("I'm debugging this code.");

Sobald Ihr Programm dies auf der Konsole druckt, können Sie auf den kleinen Pfeil klicken, um den Aufrufstapel zu erweitern.

Versuchen Sie, Ihren Code zeilenweise oder einzeln durchzugehen, um festzustellen, wo er nicht mehr richtig funktioniert. Oder machen Sie einige vernünftige Vermutungen und streuen Sie Protokollierungsanweisungen durch Ihren Code.

Versuche dies:

console.trace()

Ich weiß nicht, ob es von allen Browsern unterstützt wird, daher würde ich zuerst prüfen, ob es vorhanden ist.