應用程式除錯

每當您的 Electron 應用程式的行為不如預期時，一系列的除錯工具可能會幫助您找到程式碼錯誤、效能瓶頸或最佳化機會。

渲染器處理程序

除錯個別渲染器處理程序最全面的工具是 Chromium 開發者工具組。它適用於所有渲染器處理程序，包括 BrowserWindow、BrowserView 和 WebView 的實例。您可以透過在實例的 webContents 上呼叫 openDevTools() API，以程式化的方式開啟它們

const { BrowserWindow } = require('electron')

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

Google 提供了關於他們開發者工具的優秀文件。我們建議您熟悉它們 - 它們通常是任何 Electron 開發者工具箱中最强大的工具之一。

主處理程序

除錯主處理程序有點棘手，因為您無法為它們開啟開發者工具。由於 Google / Chrome 和 Node.js 之間更緊密的合作，Chromium 開發者工具可以用於除錯 Electron 的主處理程序，但您可能會遇到像控制台中不存在 require 這樣的奇怪之處。

有關更多資訊，請參閱除錯主處理程序文件。

V8 當機

如果 V8 內容崩潰，DevTools 將顯示此訊息。

DevTools 與頁面斷線。一旦頁面重新載入，DevTools 將自動重新連線。

可以透過 ELECTRON_ENABLE_LOGGING 環境變數啟用 Chromium 日誌。有關更多資訊，請參閱環境變數文件。

或者，可以傳遞命令列參數 --enable-logging。更多資訊可在命令列開關文件中找到。