electron/docs-translations/zh-TW/tutorial/debugging-main-process.md

72 lines
2.5 KiB
Markdown
Raw Normal View History

# 主行程 Debug
2016-01-28 10:20:39 +00:00
瀏覽器視窗開發工具 DevTools 只可以用來幫渲染器的行程腳本(renderer process script網頁畫面)除錯(debug)為了提供一個方法在主行程中除錯Electron 有提供 `--debug``--debug-brk` 開關。
2016-01-28 10:20:39 +00:00
## 命令列開關
2016-01-28 10:20:39 +00:00
使用以下命令列切換來為 Electron 的主行程除錯:
2016-01-28 10:20:39 +00:00
### `--debug=[port]`
當這個開關被使用Electron 將會透過 `port` 來監聽 V8 的除錯協定訊息,預設的 `port``5858`
2016-01-28 10:20:39 +00:00
### `--debug-brk=[port]`
`--debug` 但暫停在腳本的第一行。
2016-01-28 10:20:39 +00:00
## 使用 node-inspector 來除錯
2016-01-28 10:20:39 +00:00
__Note:__ Electron 近期沒有跟 node-inspector 處的很好,而且如果你透過 node-inspector's console 查看 `process` 物件,主行程將會爆掉。
2016-01-28 10:20:39 +00:00
### 1. 確保你有安裝 [node-gyp required tools][node-gyp-required-tools]
2016-01-28 10:20:39 +00:00
### 2. 安裝 [node-inspector][node-inspector]
2016-01-28 10:20:39 +00:00
```bash
$ npm install node-inspector
```
### 3. 安裝一個修補過版本的 `node-pre-gyp`
2016-01-28 10:20:39 +00:00
```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 編號)
2016-01-28 10:20:39 +00:00
```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).
2016-01-28 10:20:39 +00:00
### 5. 給 Electron 啟用除錯模式
2016-01-28 10:20:39 +00:00
你可以啟動 Electron 並帶有一個除錯 flag ,例如:
2016-01-28 10:20:39 +00:00
```bash
$ electron --debug=5858 your/app
```
或者,讓你的腳本暫停在第一行:
2016-01-28 10:20:39 +00:00
```bash
$ electron --debug-brk=5858 your/app
```
### 6. 使用啟動 [node-inspector][node-inspector] 伺服器
2016-01-28 10:20:39 +00:00
```bash
$ ELECTRON_RUN_AS_NODE=true path/to/electron.exe node_modules/node-inspector/bin/inspector.js
```
### 7. 載入除錯介面
2016-01-28 10:20:39 +00:00
在你的 Chrome 瀏覽器打開 http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858你可能需要點擊暫停假如你是透過使用 debug-brk 啟動並停在進入行(entry line)的話。
2016-01-28 10:20:39 +00:00
[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