主行程 Debug

瀏覽器視窗開發工具 DevTools 只可以用來幫渲染器的行程腳本(renderer process script，網頁畫面)除錯(debug)，為了提供一個方法在主行程中除錯，Electron 有提供 --debug 和 --debug-brk 開關。

命令列開關

使用以下命令列切換來為 Electron 的主行程除錯：

--debug=[port]

當這個開關被使用，Electron 將會透過 port 來監聽 V8 的除錯協定訊息，預設的 port 是 5858。

--debug-brk=[port]

同 --debug 但暫停在腳本的第一行。

使用 node-inspector 來除錯

Note: Electron 近期沒有跟 node-inspector 處的很好，而且如果你透過 node-inspector's console 查看 process 物件，主行程將會爆掉。

1. 確保你有安裝 node-gyp required tools

2. 安裝 node-inspector

$ npm install node-inspector

3. 安裝一個修補過版本的 node-pre-gyp

$ npm install git+https://[email protected]/enlight/node-pre-gyp.git#detect-electron-runtime-in-find

4. 除心編譯 node-inspector v8 模組給 Electron (變更 target 為你的 Electron 編號)

$ node_modules/.bin/node-pre-gyp --target=0.36.2 --runtime=electron --fallback-to-build --directory node_modules/v8-debug/ --dist-url=https://atom.io/download/electron reinstall
$ node_modules/.bin/node-pre-gyp --target=0.36.2 --runtime=electron --fallback-to-build --directory node_modules/v8-profiler/ --dist-url=https://atom.io/download/electron reinstall

參閱 如何安裝原生模組.

5. 給 Electron 啟用除錯模式

你可以啟動 Electron 並帶有一個除錯 flag ，例如:

$ electron --debug=5858 your/app

或者，讓你的腳本暫停在第一行：

$ electron --debug-brk=5858 your/app

6. 使用啟動 node-inspector 伺服器

$ ELECTRON_RUN_AS_NODE=true path/to/electron.exe node_modules/node-inspector/bin/inspector.js

7. 載入除錯介面

在你的 Chrome 瀏覽器打開 http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858，你可能需要點擊暫停假如你是透過使用 debug-brk 啟動並停在進入行(entry line)的話。