Firebug kullanarak tüm program için işlev günlüğünü / yığın izini yazdırın

Firebug, belirli bir işlev adına yapılan çağrıları günlüğe kaydetme yeteneğine sahiptir. Bazen bir sayfanın oluşturulmasını durduran, ancak herhangi bir hataya veya uyarıya neden olmayan bir hata arıyorum. Böcek yalnızca yaklaşık yarısı ortaya çıkar. Öyleyse, tüm program için tüm işlev çağrılarının bir listesini veya tüm programın yürütülmesi için bir tür yığın izini nasıl elde edebilirim?

Firefox console.trace() , çağrı yığınını yazdırmak için çok kullanışlı olanı sağlar . Ayrıca Chrome ve IE 11'de de mevcuttur .

Alternatif olarak şuna benzer bir şey deneyin:

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

Yığın izine ihtiyacım olduğunda aşağıdakileri yapıyorum, belki ondan biraz ilham alabilirsiniz:

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'));
    }
};

Moderatörün notu : Bu yanıttaki kod, Eric Wenderlin'in blogundaki bu gönderide de görünüyor . Bu cevabın yazarı, burada bağlantısı verilen blog gönderisinden önce yazılmış kendi kodu olduğunu iddia ediyor. Sadece iyi niyet amacıyla, gönderiye ve bu nota bağlantı ekledim.

Bunu kundaksız başardım. Hem chrome hem de firefox'ta test edilmiştir:

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

Programınız bunu konsola yazdırdığında, çağrı yığınını genişletmek için küçük oka tıklayabilirsiniz.

Doğru çalışmayı nerede durdurduğunu belirlemek için kodunuzda her seferinde bir satır veya bir işlev adım adım ilerlemeyi deneyin. Veya bazı makul tahminlerde bulunun ve kodunuz aracılığıyla günlük kaydı ifadelerini dağıtın.

Bunu dene:

console.trace()

Tüm tarayıcılarda desteklenip desteklenmediğini bilmiyorum, bu yüzden önce var olup olmadığını kontrol ederim.