1. 使用 --inspect 参数启动应用程序: 在启动 Electron 应用程序的命令行中,可以使用 --inspect 参数来开启调试模式。例如:
electron --inspect=5858 .
这会在默认端口 5858 上启动调试器。你也可以选择其他端口。
2. 通过 Chrome DevTools 连接调试器: 打开 Chrome 浏览器,访问 chrome://inspect。在 "Devices" 部分,你应该能够看到你的 Electron 主进程。点击 "inspect" 链接即可打开 Chrome DevTools。
3. 使用 --inspect-brk 暂停在启动时等待调试器连接: 如果你希望在启动时立即暂停执行,等待调试器连接,可以使用 --inspect-brk 参数:
electron --inspect-brk=5858 .
这样,应用程序将在启动时暂停,直到你连接到调试器。
4. 在代码中设置断点: 在你想要调试的代码中设置断点。这可以通过在 Chrome DevTools 中直接点击代码行号旁边的空白处来完成。
5. 使用控制台: 在 Chrome DevTools 的控制台中,你可以使用标准的 JavaScript 控制台命令进行调试,例如 console.log、debugger,以及检查变量的值等。
请注意,上述步骤假定你已经安装了 Chrome 浏览器。如果你使用的是其他浏览器,可能需要查阅相关文档以了解如何在该浏览器中进行调试。
转载请注明出处:http://www.pingtaimeng.com/article/detail/10902/Electron