在控制台上跟踪javascript函数

Tracking javascript functions in console

本文关键字：javascript 函数 跟踪 控制台      更新时间：2023-09-26

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

function SayHi() {
    console.log("hi!");
}
var trigger = document.getElementById("hi_trigger");
trigger.onclick = function () {
    SayHi()
};
http://jsfiddle.net/hartogsmith/pmhsjf1a/

我知道没有办法直接做到这一点，但是您可以用自己的包装器替换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));
};

相关文章：