Для отладки ошибок в Electron-приложениях можно использовать инструменты разработчика браузера Chromium, который интегрирован в Electron. 1
Чтобы включить отладку, нужно выполнить следующие шаги: 1
- Открыть инструменты разработчика. 1 В приложении Electron нажать на любое место в окне правой кнопкой мыши и выбрать «Инспектор» в контекстном меню. 1 Также можно использовать сочетания клавиш: Ctrl+Shift+I (Windows/Linux) или Cmd+Option+I (macOS). 1
- Перейти на вкладку «Источники». 1 В открытом окне инструментов разработчика будет несколько вкладок, нужно выбрать «Источники». 1
- Включить отладку приложения Electron. 1 На вкладке «Источники» будет список файлов JavaScript, загруженных приложением Electron. 1 Нужно найти файл основного сценария (обычно с именем main.js) и открыть его. 1
- Установить точки останова. 1 Для этого нужно нажать на номер строки кода, где нужно приостановить выполнение. 1 Когда точка останова установлена, она будет отмечена синим маркером на номере строки. 1
- Запустить приложение Electron. 1 Во время запуска приложение будет останавливаться на установленных точках останова. 1
Некоторые инструменты для отладки:
- Visual Studio с инструментами C++. 2 Можно настроить Visual Studio для использования сервера символов Electron, что позволит получить представление о том, что происходит внутри Electron. 2
- ProcMon. 2 Бесплатный инструмент от SysInternals, который позволяет просматривать параметры процессов, файловые дескрипторы и операции над реестром. 2
- WinDbg. 2 С помощью этого инструмента можно отлаживать сбои и проблемы в процессе Renderer. 2
- Sentry. 4 Можно интегрировать платформу Sentry в Electron-приложение, что поможет собирать и анализировать файлы сбоев. 4