Перейти к основному содержанию

Отладка приложений

Всякий раз, когда ваше приложение Electron не ведет себя так, как вы этого хотели, массив средств отладки может помочь вам найти ошибки в кодировании, узкие места производительности или возможности оптимизации.

Процесс визуализации

Наиболее полным инструментом для отладки отдельных процессов рендеринга является набор инструментов разработчика Chromium. Он доступен для всех процессов рендеринга, включая экземпляры таких объектов как BrowserWindow, BrowserView, и WebView. Вы можете открыть их программно, вызывая API openDevTools() в webContents экземпляра:

const { BrowserWindow } = require('electron')

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

Google предлагает отличную документацию для своих инструментов разработчика. Мы рекомендуем вам ознакомиться с ними - они, как правило, являются одними из самых мощных утилит в инструментальном окружении для разработчиков Electron.

Основной процесс

Отладка основного процесса немного сложнее, поскольку вы не можете открыть для них инструменты для разработчиков. 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.

V8 Crashes

Если context V8 вылетает, инструменты разработчика покажут это сообщение.

DevTools был отключен от страницы. После перезагрузки страницы DevTools автоматически подключится.

Логи Chromium могут быть включены через переменную среды ELECTRON_ENABLE_LOGGING. For more information, see the environment variables documentation.

В качестве альтернативы, можно передать аргумент командной строки --enable-logging. More information is available in the command line switches documentation.