title: Opening Chromium DevTools in production builds of Electron apps without source code or build process
body: <p>Is there a way to open devtools on production builds of Electron that were packaged and distributed to you?</p>
  
  <p>For instance, I'd like to poke around Slack's app. I know that it's built in Electron, and I'd like to open devtools to see how some parts of it are built.</p>
  
  <p>On macOS I've tried:</p>
  
  <pre><code>ELECTRON_ENV=development /Applications/Slack.app/Contents/MacOS/Slack --debug --auto-open-devtools-for-tabs
  </code></pre>
  
  <p>as well as the usual key combination of Cmd+Option+I and checking for debug menus/views.</p>
  
  <p>None of these seem to make a difference.</p>
  
  <p>Note that there are already a few solutions that recommend you do it programmatically by injecting:</p>
  
  <pre><code>  remote.BrowserWindow.getFocusedWindow().webContents.openDevTools()
  </code></pre>
  
  <p>However I can't do that because I don't have access to the source code or the original build process. Is there a way to trigger devtools externally? </p>
  
  <p>The most promising way I've seen so far is <code>remote-debugging-port</code> but I'm not sure it works with production builds.</p>