how can i track down a function in the console? example: a function is set to display 30 seconds after page load, or on an element click event. or in the following example (live link below), how would i use the console to learn that my SayHi function is responsible for the console output "hi!"?:
function SayHi() {
console.log("hi!");
}
var trigger = document.getElementById("hi_trigger");
trigger.onclick = function () {
SayHi()
};
AFAIK there's no way to do this directly, but you could replace console.log with your own wrapper to insert a breakpoint inside it. When the breakpoint is hit you can inspect the call stack to see who is responsible for the call.
Example:
var originalConsoleLog = console.log;
console.log = function() {
debugger; // will break into the debugger each time
originalConsoleLog.apply(console, Array.prototype.slice.call(arguments));
};
