Question

I have been given a project – the one HTML page includes about 45 different javascript files. I am getting alert boxes when I click on some of the elements – which javascript file is making the alert? How do I determine this, preferably which line in the javascript file but I can start with which file…

If this can be done within the web browser (I dont care which web browser) please let me know how… I have looked at the resources tab in chrome but it did not help me.

Thank you.

Answer 1

Include your own javascript file on top of the page and predefine alert with:

alert = function(msg) {
     alert(msg); // put breakpoint here
}

Then use the debugger (Firebug in Firefox, or Developer Tools in Chrome) to put breakpoint as described above. The stack trace view in the debugger will show you which script line / file is creating the alert