首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在节点检查器中调试主进程 | Debugging the Main Process in node-inspector

node-inspector提供了一个熟悉的DevTools GUI,可以在Chrome中用于调试Electron的主进程,但是,因为node-inspector依赖于某些本地Node模块,必须重新构建它们才能定位要调试的Electron版本。你可以node-inspector自己重建依赖关系,或者让它electron-inspector为你做,这两种方法都包含在这个文档中。

注意:在撰写本文时,node-inspector无法修改(0.12.8)的最新版本,无法修补其某个依赖关系,因此无法重新构建目标以将Electron 1.3.0或更高版本作为目标。如果你使用electron-inspector它,你会照顾到这一点。

使用electron-inspector的调试

2.安装electron-rebuild,如果你还没有这样做。

代码语言:javascript
复制
npm install electron-rebuild --save-dev
代码语言:javascript
复制
npm install electron-inspector --save-dev

4.启动Electron

--debug开关启动Electron:

代码语言:javascript
复制
electron --debug=5858 your/app

或者,暂停第一行JavaScript的执行:

代码语言:javascript
复制
electron --debug-brk=5858 your/app

5.启动electron-inspector

在MacOS/Linux上:

代码语言:javascript
复制
node_modules/.bin/electron-inspector

在Windows上:

代码语言:javascript
复制
node_modules\\.bin\\electron-inspector

electron-inspector将需要node-inspector在第一次运行时重建依赖关系,并且每次更改Electron版本时都需要重新生成依赖关系。重建过程可能需要互联网连接才能下载节点标题和库,可能需要几分钟的时间。

6.加载调试器UI

在Chrome浏览器中打开http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858。如果开始--debug-brk强制更新UI,您可能需要点击暂停。

使用node-inspector的调试

代码语言:javascript
复制
$ npm install node-inspector

3.安装node-pre-gyp

代码语言:javascript
复制
$ npm install node-pre-gyp

4.重新编译node-inspector v8Electron模块

注意:将目标参数更新为您的Electron版本号

代码语言:javascript
复制
$ node_modules/.bin/node-pre-gyp --target=1.2.5 --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=1.2.5 --runtime=electron --fallback-to-build --directory node_modules/v8-profiler/ --dist-url=https://atom.io/download/atom-shell reinstall

另请参见如何安装本机模块。

5.启用Electron的调试模式

您可以使用如下调试标志启动Electron:

代码语言:javascript
复制
$ electron --debug=5858 your/app

或者,在第一行中暂停您的脚本:

代码语言:javascript
复制
$ electron --debug-brk=5858 your/app

6. node-inspector使用Electron 启动服务器

代码语言:javascript
复制
$ ELECTRON_RUN_AS_NODE=true path/to/electron.exe node_modules/node-inspector/bin/inspector.js

7.加载调试器UI

在Chrome浏览器中打开http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858。如果开始--debug-brk查看输入行,您可能需要点击暂停。

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com