Печать журнала функции / трассировки стека для всей программы с использованием firebug - PullRequest
Новая
       3

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

89 голосов
/ 12 января 2011

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

Ответы [ 4 ]

206 голосов
/ 08 апреля 2012

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

Или попробуйте что-то вроде этого: 

function print_call_stack() {
  var stack = new Error().stack;
  console.log("PRINTING CALL STACK");
  console.log( stack );
}
12 голосов
/ 12 января 2011

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

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

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

6 голосов
/ 16 ноября 2016

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

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

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

2 голосов
/ 12 января 2011

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

...