在控制台中跟踪javascript函数

时间:2014-08-26 14:14:18

标签: javascript console

如何在控制台中追踪功能?示例:函数设置为在页面加载后30秒或元素单击事件时显示。或者在下面的示例中(下面的实时链接),我将如何使用控制台来了解我的SayHi函数负责控制台输出"嗨!"?:

function SayHi() {
    console.log("hi!");
}
var trigger = document.getElementById("hi_trigger");
trigger.onclick = function () {
    SayHi()
};

http://jsfiddle.net/hartogsmith/pmhsjf1a/

1 个答案:

答案 0 :(得分:1)

AFAIK没有办法直接执行此操作,但您可以使用自己的包装器替换console.log以在其中插入断点。当断点被击中时,您可以检查调用堆栈以查看谁负责该呼叫。

示例:

var originalConsoleLog = console.log;
console.log = function() {
    debugger; // will break into the debugger each time
    originalConsoleLog.apply(console, Array.prototype.slice.call(arguments));
};