title: Debugging source files using chrome extension
body: <p>I am trying to control the debugger using Chrome Extension.</p>
  
  <p>I am using <a href="https://chromedevtools.github.io/devtools-protocol/tot/Debugger/" rel="nofollow noreferrer">devtools-protocol</a> and <a href="https://developer.chrome.com/extensions/debugger#method-sendCommand" rel="nofollow noreferrer">chrome extension</a> documentation, but I have no idea how to implement them as I have not seen any samples of the methods in use. I used the sample extension from <a href="https://developer.chrome.com/extensions/samples#search:debugger" rel="nofollow noreferrer">here</a> which shows how to pause and resume the debugger only, but that's absolutely no use to me. I tried to implement some methods in the sample, but nothing happens.</p>
  
  <pre><code>function onDebuggerEnabled(debuggeeId) {
    chrome.debugger.sendCommand(debuggeeId, "Debugger.setBreakpointByUrl", {
          lineNumber: 45825,
          url: 'full https link to the js file from source tab'
    });
  }
  </code></pre>
  
  <p>The problem is that the js file I am trying to debug is loaded from the website inside the sources tab and it's huge, we talking 150k+ lines after its been formatted and it takes some time to load.</p>
  
  <p>Now can anyone tell me how to simply add a break point inside the js file from the sources (USING CHROME EXTENSION) so it could be triggered on action which will then stops the debugger so I could change values etc?  </p>