Печать журнала функций / трассировки стека для всей программы с помощью firebug

Firebug имеет возможность регистрировать вызовы определенного имени функции. Я ищу ошибку, которая иногда останавливает рендеринг страницы, но не вызывает ошибок или предупреждений. Ошибка появляется только в половине случаев. Итак, как мне получить список всех вызовов функций для всей программы или какую-то трассировку стека для выполнения всей программы?

Firefox предоставляет console.trace() что очень удобно для печати стека вызовов. Он также доступен в Chrome и IE 11 .

В качестве альтернативы попробуйте что-то вроде этого:

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

Когда мне нужна трассировка стека, я делаю следующее, возможно, вы сможете почерпнуть из нее какое-то вдохновение:

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

Примечание модератора : код в этом ответе, кажется, также появляется в этом сообщении из блога Эрика Вендерлина . Автор этого ответа утверждает, что это его собственный код, написанный до публикации в блоге, указанной здесь. Из соображений доброй воли я добавил ссылку на сообщение и эту заметку.

Я сделал это без firebug. Протестировано как в Chrome, так и в Firefox:

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

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

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

Попробуй это:

console.trace()

Я не знаю, поддерживается ли он во всех браузерах, поэтому сначала проверю, существует ли он.