Aller au contenu principal

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 . Le Chromium Developer Tool peut être utilisé pour déboguer le processus principal d'Electron grâce à une collaboration plus étroite entre Google / Chrome et Node.js, mais vous risquez de rencontrer des étrangetés comme require absent de la console.

Pour plus d'informations, voir la documentation sur le Débogage du processus principal.

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 . Pour plus d'informations, voir la documentation sur le Débogage du processus principal.

Vous pouvez également transmettre l’argument de ligne de commande --enable-logging . Pour plus d’informations, consultez la documentationsur des commutateurs de ligne de commande .