title: How do i debug a programmatically injected JS file in google chrome?
body: <p>i'm injecting a js file to every page in google chrome via </p>
  
  <pre><code>chrome.browserAction.onClicked.addListener(function(tab) {  
    chrome.tabs.executeScript(null,{file:"js/content.js"},function(resultArr){
      console.log(resultArr);
    });  
  });
  </code></pre>
  
  <p><strong>content.js</strong></p>
  
  <pre><code>console.log("hello stackoverflow");
  </code></pre>
  
  <p>I can see <code>hello stackoverflow</code> printed in the console of the webpage. But i'm not able to find the source file, so i can debug it. Any idea how?</p>