跳到主要內容

應用程式除錯

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

渲染器進程

除錯個別渲染器進程最全面的工具是 Chromium 開發者工具集。它適用於所有渲染器進程,包括 BrowserWindowBrowserViewWebView 的實例。您可以透過呼叫實例的 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 環境崩潰,開發者工具將會顯示此訊息。

開發者工具已與頁面斷開連接。頁面重新載入後,開發者工具將會自動重新連線。

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

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