Firebug可以记录对特定函数名称的调用。我正在寻找一个有时会导致页面无法呈现但不会引起任何错误或警告的错误。该错误仅出现大约一半的时间。那么,如何获得整个程序的所有函数调用的列表,或执行整个程序的某种堆栈跟踪?
Answers:
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'));
}
};
主持人的笔记:答案中的代码似乎也出现在Eric Wenderlin博客的这篇文章中。不过,此答案的作者声称它是自己的代码,写在此处链接的博客文章之前。出于诚实的目的,我已将链接添加到帖子和本说明中。
试试这个:
console.trace()
我不知道所有浏览器是否都支持它,因此我将首先检查它是否存在。