Depuración de la aplicación

Cada vez que su aplicación de Electron no se comporta de la manera que desea, una variedad de herramientas de depuración pueden ayudarte a encontrar errores en el código, rendimiento, u oportunidades de optimización.

Proceso de Renderización

La herramienta mas completa para depurar un proceso de renderización individualmente son las Chromium Developer Tools. Está disponible para todos los procesos de renderización, incluyendo BrowserWindow, BrowserView, y WebView. Puedes abrirla programáticamente usando la API openDevTools() de la instancia de webContents:

const { BrowserWindow } = require('electron')

const win = new BrowserWindow()
win.webContents.openDevTools()

Google ofrece documentación excelente para sus herramientas de desarrollo. Recomendamos que se familiarice con ello - son una de las utilidades más versátiles para cualquier desarrollador de aplicaciones de Electron.

Proceso Principal

La depuración del proceso principal es un poco más complicada, porque en este caso no se pueden abrir las Developer Tools. The Chromium Developer Tools can be used to debug Electron's main process thanks to a closer collaboration between Google / Chrome and Node.js, but you might encounter oddities like require not being present in the console.

For more information, see the Debugging the Main Process documentation.

Bloqueos V8

Si el contexto V8 se bloquea, el DevTools mostrará este mensaje.

DevTools fue desconectado de la página. Una vez que la pagina sea recargada, DevTools se reconectará automáticamente.

Los registros de Chromium puden ser habilitados a través de la variable de entorno ELECTRON_ENABLE_LOGGING. For more information, see the environment variables documentation.

Alternativamente, el argumento de linea de comando --enable-logging puede ser pasado. More information is available in the command line switches documentation.