01
Electron调试概述
为什么需要调试 · 核心挑战 · 调试工具全景图
概念入门
02
Chrome DevTools入门
打开DevTools · Elements · Console · Sources
界面基础
03
Sources面板实战
断点调试 · 单步执行 · 调用堆栈 · 作用域
断点堆栈
04
Console面板进阶
console.log技巧 · table · time · 条件断点
日志效率
05
Elements面板与样式调试
实时编辑DOM · CSS调试 · 盒模型可视化
样式布局
06
Network面板
网络请求监控 · 详情分析 · 模拟慢速网络
网络性能
07
Performance面板
性能记录 · FPS分析 · 主线程 · 长任务
性能分析
08
Memory面板
内存快照 · 堆快照 · 泄漏排查 · GC
内存优化
09
Application面板
本地存储 · Session · IndexedDB · Cookies
存储数据
10
Electron主进程调试
--inspect参数 · VS Code配置 · 主进程断点
主进程Node
11
VS Code集成调试
launch.json · 附加进程 · 多目标调试
编辑器配置
12
Electron Devtron工具
安装Devtron · 事件监听 · Lint · 访问器
扩展检查
13
Spectron自动化测试
Spectron安装 · 启动/关闭 · 断言与等待
测试自动化
14
Electron-log日志管理
安装配置 · 日志级别 · 文件输出 · 远程
日志监控
15
Sentry错误监控
Sentry集成 · 错误捕获 · 源映射 · 性能
错误监控
16
React DevTools
安装React DevTools · 组件树 · Props/State · 性能
React组件
17
Redux DevTools
状态追踪 · 时间旅行 · Action回放
Redux状态
18
Vue DevTools
Vue组件 · Vuex状态 · 事件追踪
Vue调试
19
Node.js调试基础
Node调试器 · inspect协议 · DevTools for Node
Node协议
20
IPC通信调试
主进程⇄渲染进程 · 同步/异步 · 调试技巧
IPC通信
21
进程管理调试
BrowserWindow管理 · 子进程 · 数据共享
进程管理
22
文件系统调试
fs模块 · 文件读写监控 · 路径问题
文件IO
23
原生模块调试
Node原生模块 · C++插件 · 编译排查
原生C++
24
自动更新调试
electron-updater · 更新流程 · 版本回滚
更新发布
25
打包与分发调试
electron-builder · 安装包 · 签名验证
打包分发
26
安全调试
CSP策略 · XSS防护 · Node集成 · 沙箱
安全防护
27
性能优化调试
启动时间 · 内存优化 · 渲染 · GPU加速
性能优化
28
跨平台调试
Win/Mac/Linux差异 · 平台问题 · 环境模拟
跨平台兼容
29
远程调试
远程DevTools · SSH隧道 · 生产环境
远程生产
30
综合实战
完整调试流程 · 常见问题 · 最佳实践
实战总结