How do I exclude setTimeout or setInterval type statements when debugging with "Break on Next"?

Question

I'm currently working with a large pre-existing codebase that may have one or more setInterval timers running all the time, from various plug-ins or libraries. This basically makes it impossible to try to use Break on Next to debug what happens when I click on an element.

Problem: As soon as I click Break on Next, the browser debugger (tried with Firebug and Chrome) stops in one of the setInterval functions before I have a chance to interact with the page to really debug the event that I want.

Specific problem: I have checkboxes that stay unchecked when unchecked, no matter how many times I click on them. I've removed the ID and class names as well to no avail and appear to have no event handlers attached.

Note: not using jQuery

Answer 1

This may brake other things, but what if you try to monkey-patch-out those calls like this:

window.setInterval = function() { console.log("setInterval", arguments); };
window.setTimeout = function() { console.log("setTimeout", arguments); };

If you find that some of timeouts/intervals are actually needed to reproduce your problem, you could try letting them through. Than the code could be something like:

window.oldSetTimeout = window.setTimeout;
window.setTimeout = function() { 
    if (arguments[0] == "code you want to allow") {
         oldSetTimeout.apply(null, arguments);
    } else {
         console.log("setTimeout", arguments); 
    }
};

Note: I wouldn't be suprised it monkey-patching setTimeout does not work cross-browser, but it works on FF 18.0