How Do I Monitor What Javascript Is Being Triggered When I Click An Element In A Webpage?

Working with another developer's code: When I click an element on his page and a Javascript/jQuery event is triggered, how do I monitor what JS is being triggered? I am somewhat fa

Solution 1:

Press F12 or right click on the webpage and choose inspect element ( doesn't have to be the element you're checking).

Then you can use several tools:

1) Timeline tab and the recording button which will show all the events that are happening

then when you have identified the process using the above

go to

2) Sources tab and subtab Content Scripts and search for the function or variable or script file you're interested in ( use ctrl + F to search in script files as it greatly saves time)

P.S.

Using chrome

Solution 2:

If you're using Firebug you could install an additional addon called Firequery. It enhances the HTML View with Events on the elements.

Solution 3:

You can add to your Javascript to output to console. You can also monitor it using F12 key on most browsers. In some browsers, you may need to enable debugging and/or javascript debugging.