Anwendungs Debugging

Wann auch immer deine Electron App sich nicht so verhält wie gewünscht, dann stehen dir eine Vielzahl von Debugging-Tools zur Verfügung um Fehler im Code, einen Flaschenhals für die Pervormance oder Möglichkeiten zur Optimierung zu finden.

Renderer-Prozess

Das umfassendste Tool zum Debuggen individueller Render-Pozesse ist das Chromium Developer Toolset. Das Toolset steht zur Verfügung in allen Render-Prozessen, inklusive Instanzen von BrowserWindow, BrowserView und WebView. Du kannst diese programmatisch öffnen durch Aufruf der openDevTools() API auf webContents der Instanz:

const { BrowserWindow } = require('electron')

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

Google bietet ausgezeichnete Dokumentation für ihre Entwickler-Tools. Wir empfehlen Ihnen, sich mit ihnen vertraut zu machen - sie sind in der Regel ein der leistungsstärksten Werkzeuge in jedem Werkzeuggurt von Electron Developer.

Main-Prozess

Debugging des Main-Prozess ist etwas schwieriger, denn du kannst die Developer Tools hier nicht öffnen. 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.

Für weitere Informationen, ließ einfach die Debugging des Main-Prozess Dokumentation.

V8 Abstürze

Wenn der V8-Kontext abstützen sollte, wird folgende Nachricht in DevTools angezeigt:

DevTools was disconnected from the page. Once page is reloaded, DevTools will automatically reconnect.

Chromium Logs können durch das Einstellen der Umgebungsvariabel ELECTRON_ENABLE_LOGGING aktiviert werden. Weitere Informationen könenn in der Dokumentation zu den Umgebungsvariablen gefunden werden.

Alternativ kann dies aber auch durch das Argument --enable-logging im Terminal aktiviert werden. Weitere Informationen hierzu kann in der Dokumentation der Konsolen-Argumente gefunden werden.