Is there a way to set breakpoints when specific functions are about to execute?
It needn't be an explicit breakpoint - I just want execution to pause when a console.log() is about to be called.
Or should I resort to this method.
I prefer to accomplish this without modifying my code, or manually setting breakpoints at every console.log.
Yes that's the trick. Create a custom logging function, put debugger in it and call console.log and you have what you wanted:
function log(message) {
debugger;
console.log(message) ;
}
You can also replace console.log by a similar fonction that calls the original:
var clog = console.log;
console.log = function(message) {
if(message == '...') {
debugger;
}
clog.apply(console, arguments);
}
This code will affect all log calls within your page. The check is to catch a certain message. Remove it to stop always.
How about call this at the very start that add a pause break for your every console.log?
This replace the original console.log, pause break first, then call the orignal console.log for you. And this will be apply on all console.log calls.
(function () {
var oldLog = console.log;
console.log = function() {
debugger;
oldLog.apply(console, arguments);
}
})();
console.log('hello');
debugger; is. Nevermind.
Call Stack on the right of the panel, should be just below Watch, you can click on it to jump out of current scope, and back to scope where it is just about to be called.console.log, and 2nd line is (anonymous function), click on the second, you should see chrome dev guide you back out of console.log to the point its about to be called.
debbuger;before theconsole.log. 2. Open the dev-tool, switch toSourcestab and find thatconsole.login your code, click on its line number at the left and it should set a break point for you.debugger;.console.log. I was hoping Chrome Dev Tools had a way of just telling it to break in front of allconsole.logcalls.