你有两种最好的方法。
方法一:
1) 配置 VSCode。
这是我的启动配置:(根据需要更改文件夹路径和文件)。
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Backoffice",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/node_modules/protractor/bin/protractor",
"stopOnEntry": false,
"args": ["${workspaceRoot}/e2e/backoffice/protractor_backoffice.js"],
"sourceMaps": true,
"outFiles": [ "${workspaceRoot}/e2e/backoffice/**/*.js" ],
"smartStep": true
}
]
}
2) 完成此操作后,您就可以运行调试器,它应该可以工作了。
INFO: 要添加断点,只需在代码中写入“debugger;”即可(不带引号)。
非常重要!!!!
要将您的代码与浏览器同步,您可以使用异步函数和等待方法。
async/await 和断点示例:
async myFunction() {
debugger;
await this.myElement.click();
}
方法B:
在 VSCode 中打开一个终端并编写:
node --inspect-brk path/to/protractor/bin/protactor
path/to/protractorconfig.js
示例:
节点 --inspect-brk .\node_modules\protractor\bin\protractor
.\e2e\backoffice\protractor_backoffice.js
它会打开 dev chrome 工具,里面几乎有 VSCode 调试器,但它提供了更多信息。
祝你好运!