title: How to quickly identify a called Javascript function's file
body: <p>I have problem identifying where this JavaScript function, <em>myFunction()</em>, is located? I cannot set a debug point, because it is within a button. Wrap it in an extra function will do, but want to find out a quicker way.</p>
  
  <p>Is there any tool to help? I am using visual studio, and all common web browsers. </p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;script src="1.js"&gt;&lt;/script&gt;
  ...
  &lt;script src="n.js"&gt;&lt;/script&gt;
  &lt;button type="button" onclick="myFunction()"&gt;click me&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please note that I have many javascript files referenced via script tag, looking through it one by one is not what I want.</p>
  
  <p><strong>I found a solution:</strong> 
  that I can search it from Chrome: F12-> Sources tab -> search text field. </p>