71 lines
2.5 KiB
Markdown
71 lines
2.5 KiB
Markdown
# 主行程 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][node-gyp-required-tools]
|
||
|
||
### 2. 安裝 [node-inspector][node-inspector]
|
||
|
||
```bash
|
||
$ npm install node-inspector
|
||
```
|
||
|
||
### 3. 安裝一個修補過版本的 `node-pre-gyp`
|
||
|
||
```bash
|
||
$ npm install git+https://git@github.com/enlight/node-pre-gyp.git#detect-electron-runtime-in-find
|
||
```
|
||
|
||
### 4. 除心編譯 `node-inspector` `v8` 模組給 Electron (變更 target 為你的 Electron 編號)
|
||
|
||
```bash
|
||
$ 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/atom-shell 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/atom-shell reinstall
|
||
```
|
||
|
||
參閱 [如何安裝原生模組](how-to-install-native-modules).
|
||
|
||
### 5. 給 Electron 啟用除錯模式
|
||
|
||
你可以啟動 Electron 並帶有一個除錯 flag ，例如:
|
||
|
||
```bash
|
||
$ electron --debug=5858 your/app
|
||
```
|
||
|
||
或者，讓你的腳本暫停在第一行：
|
||
|
||
```bash
|
||
$ electron --debug-brk=5858 your/app
|
||
```
|
||
|
||
### 6. 使用啟動 [node-inspector][node-inspector] 伺服器
|
||
|
||
```bash
|
||
$ 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)的話。
|
||
|
||
[node-inspector]: https://github.com/node-inspector/node-inspector
|
||
[node-gyp-required-tools]: https://github.com/nodejs/node-gyp#installation
|
||
[how-to-install-native-modules]: using-native-node-modules.md#how-to-install-native-modules
|
||
|