Google-chrome – Using Chrome’s Developer Tools – to find out where a javascript function is being called

google-chromejavascript

The thing is, I have this big website with lots of JavaScript files and stuff. And I am trying to change the jQuery UI accordion plugin's settings so that it wouldn't do auto height of the wrapper based on it's contents.
I am trying to figure out where this accordion is being called. But it's giving me headache as there are lots of JavaScript files. Tried to search for "accordion" keyword. But it seems to be not finding it either.

Since this would be a waste of time, I was thinking whether there is anyway that we could debug the JavaScript function calls, so that it would output to the console, the filename and line number for each function calls.

I tried to play with the Developer Tools to see if there is a facility like that. But was not successful. So thought of posting it here and could see if there is some other way or tools to do this.

Best Answer

Put console.trace() in the function and check console. It will print where a call is coming from.

Related Question