アプリケーションのデバッグ

Electronアプリケーションが意図したとおりに動作しない場合は、コーディングエラー、パフォーマンスのボトルネック、または最適化の機会を見つけるのに役立つデバッグツールの配列があります。

レンダラープロセス

個々のレンダラープロセスをデバッグするための最も包括的なツールは、Chromium Developer Toolsetです。これは、BrowserWindow、BrowserView、およびWebViewのインスタンスを含む、すべてのレンダラープロセスで使用できます。インスタンスのwebContentsでopenDevTools()APIを呼び出すことで、プログラムで開くことができます。

const { BrowserWindow } = require('electron')

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

Googleは、開発者ツールに関する優れたドキュメントを提供しています。それらに精通することをお勧めします。それらは通常、すべてのElectron開発者のツールベルトの中で最も強力なユーティリティの1つです。

メインプロセス

メインプロセスのデバッグは、それらの開発者ツールを開くことができないため、少しトリッキーです。Chromium Developer Toolsは、Google / ChromeとNode.jsとの密接な連携のおかげで、Electronのメインプロセスをデバッグするために使用できますが、コンソールにrequireが存在しないなどの奇妙なことに遭遇する可能性があります。

詳細については、メインプロセスのデバッグドキュメントを参照してください。

V8クラッシュ

V8コンテキストがクラッシュすると、DevToolsにこのメッセージが表示されます。

DevToolsがページから切断されました。ページがリロードされると、DevToolsが自動的に再接続されます。

Chromiumログは、ELECTRON_ENABLE_LOGGING環境変数を介して有効にできます。詳細については、環境変数のドキュメントを参照してください。

または、コマンドライン引数--enable-loggingを渡すこともできます。詳細については、コマンドラインスイッチのドキュメントを参照してください。