title: How do I get a JavaScript call trace of a webpage?
body: <p>Can someone tell me how I can get a call trace between different JavaScripts? </p>
  
  <p>Suppose I have an HTML page that loads some JavaScript files, which in turn may load other JavaScript files from the server. Is there a way that I can trace which JavaScript page is loaded from what other JavaScript pages?</p>
  
  <p>I've used Google Chrome speed tracer extension, and can get the event trace of the browser, normally JavaScript evaluation events were registered, but not all of the registered events have the attribute specifying what other script triggered the evaluation.    </p>
  
  <p>I've also used Firebug, but it seems it's more useful in debugging JavaScript instead of what I want.</p>
  
  <hr>
  
  <p>Let's say an HTML file has a tag <code>&lt;script type="text/javascript" src="A.js"&gt;</code>  And in <code>A.js</code>, it invokes a function defined in <code>B.js</code>. In this function, another function in <code>C.js</code> is called and thus <code>C.js</code> will be downloaded (suppose <code>C.js</code> hasn't been downloaded and loaded yet).</p>
  
  <p>I just want to know if it is possible to find this "call trace" of <code>A.js--&gt;B.js--&gt;C.js</code>, and also the "downloading sequence" of <code>A.js</code>, <code>B.js</code> and <code>C.js</code> if initially none of them was downloaded.</p>
  
  <p>Yes, it is possible to investigate this by going through the code manually, but I'm trying to understand the relationships of .js files of a fairly large website, which may contain too many JavaScript files to be handled manually.</p>
  
  <p>Thanks. I hope this may clarify the question.</p>