HoRain云--Electron调试与测试全攻略

专栏名称

专栏介绍

《C语言》

本专栏主要撰写C干货内容和编程技巧，让大家从底层了解C，把更多的知识由抽象到简单通俗易懂。

《网络协议》

本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘，一起解密网络协议在运行中协议的基本运行机制！

《docker容器精解篇》

全面深入解析 docker 容器，从基础到进阶，涵盖原理、操作、实践案例，助您精通 docker。

《linux系列》

本专栏主要撰写Linux干货内容，从基础到进阶，知识由抽象到简单通俗易懂，帮你从新手小白到扫地僧。

《python 系列》

本专栏着重撰写Python相关的干货内容与编程技巧，助力大家从底层去认识Python，将更多复杂的知识由抽象转化为简单易懂的内容。

《试题库》

本专栏主要是发布一些考试和练习题库（涵盖软考、HCIE、HRCE、CCNA等）

🔧 调试​

Chrome DevTools​

调试渲染进程的界面、JS、样式、网络等

Electron应用窗口内可直接打开，与调试浏览器网页几乎一致。

VS Code 调试器​

调试主进程的Node.js代码

通过配置.vscode/launch.json，可直接在VS Code中为主进程代码设置断点并进行调试。

Node.js Inspector​

命令行调试主进程​

启动应用时使用electron --inspect=9229 .，然后在Chrome浏览器中访问chrome://inspect进行调试。

远程调试​

调试嵌入的WebView或特定窗口

启动时指定--remote-debugging-port参数，通过浏览器访问指定端口进行调试。

🧪 测试​

单元测试 (Jest/Vitest)​

测试工具函数、业务逻辑（不依赖Electron环境）

可使用Jest等框架，并通过Mock策略（如MockElectron）模拟Electron API。

端到端(E2E)测试 (Playwright)​

模拟真实用户操作，进行全流程测试​

当前社区推荐方案。可同时控制主进程和渲染进程，模拟用户交互并断言结果。

（旧方案）Spectron​

旧的E2E测试方案

已弃用，不建议新项目使用。