How to include Chrome DevTools in Electron?

Question

I\'m still new to Electron which I\'m currently following here.

I\'ve read this page regarding on how to include the Chrome DevTools so that I can debug my applicati

Answer 1

To enable opening dev tools via key strokes, I added this to my index.html:

Be aware that this allows any user of the production electron app to access dev tools with the common keyboard shortcuts (function: F12 or ctrl + shift + I on PC, cmd + option + i on Mac).

One thing that did not work for me was passing this to the BrowserWindow constructor:

webPreferences: {
    devTools: true
}