Anteriormente vimos como podemos usar plugins como Bootstrap con Electron, por lo tanto al tener un esquema de una aplicación más completa, es hora de conocer una herramienta fundamental al momento de desarrollar nuestras aplicaciones web, una herramienta que siempre tenemos a la mano es el uso de la consola de desarrolladores del navegador o devTools para hacer debug a la misma, en Electron, también la podemos usar fácilmente, para ello, tenemos que activar la misma en el objeto BrowserWindow():

index.js

function createWindow(){
    let win = new BrowserWindow({
        width: 800,
        height:600,
        webPreferences:{
            nodeIntegration: true,
            contextIsolation: false 
        }
    })
    win.loadFile("index.html")
    win.webContents.openDevTools()
}

Y tendremos:

Ahora con esto, podemos crear un desarrollo más completo, como un listado de chat con Electron.js y Bootstrap 5.

Recuerda que el material anterior forma parte sobre mi curso completo sobre Electron.js