Débogage de l’application

Chaque fois que votre application Electron ne se comporte pas comme vous le souhaitez, un ensemble d'outils de débogage peut vous aider à trouver les erreurs de code, les goulots d’étranglement ou les possibilités d’optimisation.

Processus de rendu (renderer process)

L’outil le plus complet pour déboguer les processus individuels de rendu est le Chromium Developer Toolset. Il est disponible pour tous les processus de rendu, y compris les instances de BrowserWindow, BrowserView et WebView. Vous pouvez les ouvrir en invoquant l'API openDevTools() sur le webContents de l’instance :

const { BrowserWindow } = require('electron')

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

Google offre une excellente documentation pour leurs outils de développement. Nous vous recommandons de vous familiarisez avec eux - ils sont généralement parmis les utilitaires les plus puissants à la disposition des développeur Electron.

Processus principal

Déboguer le processus principal est un peu plus compliqué, car vous ne pouvez pas y ouvrir de Devtools . 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.

Plantage de V8

Si le contexte V8 se bloque, DevTools affichera ce message.

DevTools was disconnected from the page. Une fois la page rechargée, DevTools se reconnectera automatiquement.

Les journaux de log de Chromium peuvent être activés via la variable d’environnement ELECTRON_ENABLE_LOGGING . For more information, see the environment variables documentation.

Vous pouvez également transmettre l’argument de ligne de commande --enable-logging . More information is available in the command line switches documentation.