title: Chrome developer tool trace function sequences
body: <p>I am a newbie to Chrome developer tool and I found it is very powerful. Currently, I am looking for a way to trace the flow of functions when I open a webpage and also, I am wondering is there s how can I find which function does an element trigger when it is clicked. Here are some examples:</p>
  
  <p>1) Tracing function sequences:
  For example, there are 20 functions in my script. Some of the functions will call the other functions. I would like to trace the function calls. Like which function is called first and then what functions are called following by this function. Since these 20 functions are pretty huge, it is quite hard to follow the sequence by just looking at the script.</p>
  
  <p>2) Which function does an element trigger in javascript: 
  For example, I have one button on the webpage, there is one or are more functions associated with this element. By using the Event Listener of Chrome developer tool, I can only see some DOM elements under "Click" rather what function it is associated with.</p>
  
  <p>Is there a way to find associated functions?</p>
  
  <p>I appreciate you help! </p>