目 录 致谢 向导 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 教程 快速入门 桌面环境集成 在线/离线事件探测 API文档 简介 进程对象 支持的 开发 代码规范 源码目录结构 与 NW.js（原 node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol Server Electron 常见问题 - 3 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《electron中文教程》 由 进击的皇虫 使用 都将成为知识的传承者。 致谢 - 4 - 本文档使用 书栈(BookStack.CN) 构建 支持平台 分发应用 提交应用到 Mac App Store 打包应用 使用 Node 原生模块 主进程调试 使用 Selenium 和 WebDriver 使用开发人员工具扩展 使用 Pepper Flash 插件 使用 Widevine CDM 插件 向导 - 5 - 本文档使用 书栈(BookStack

json 项⽬目实践 ⼯工程⽬目录结构 构建配置 渲染进程 主进程 构建打包 Electron SWA 应⽤用 Web SPA 应⽤用 Electron应⽤用的开发调试 、构建发布 Restart 项⽬目实践 开发和调试 webpack DevServer htttp:// localhost Electron Main Process webApp (Vue) 1 hotReload Process file://static file 1 3 4 App 开发和调试 渲染进程：vue-devtools 主进程：Electron —inspect 项⽬目实践 渲染进程、主进程 该如何调试？ 主进程Debug chrome://inspect/#devices 远程调试 v8 Inspector Node WS Chrome DevTools STDIO 资源⽂文件，安装包 调试 构建 发布 单窗⼝口、多窗⼝口 资源⽂文件 html CSS JS 渲染进程 单⻚页⾯面、多⻚页⾯面 Mac / Window / Linux Nginx / CDN 关注点 进程通信，内存管理理，版本管理理， 性能及Crash监控…… 兼容，DOM，组件、性能，…… Electron应⽤用技术体系推荐 检查\测试 打包构建 开发调试 devtron

框架： Cocoa 截图 额外特性 ⾃动更新 ⽀持平台 不⽀持 Linux ⽀持 Mac 和 Win 都是基于Squirrel去实现的 原⽣的菜单和通知 崩溃报告 调试和性能分析 Windows 安装程序 crifan.com，使⽤署名4.0国际(CC BY 4.0)协议发布 all right reserved，powered by Gitbook最后更 新： /node_modules/.bin/electron .. 调试electron时，有2种log： Electron界⾯中，右边可以看到html调⽤的 renderer.js 输出的log 原因：由于 main.js 中的 mainWindow.webContents.openDevTools() 打开了 DevTools 调试终端中：可以看到 main.js 的log 因为是在VSCode的终端中运⾏的 ⽽此处希望，对于production⽣产模式，即mac中打包electron后得到的app⽂件 mitmdumpUrlSaver.app 在其运⾏时也可以看到 main.js 中的log，以便于后续调试，当出错时找到原 因。 最终⽅案： 从界⾯中启动打包后的app内部的⼆进制⽂件，⽐如我的 mitmdumpUrlSaver.app Log⽇志 48 对应内部的⼆进制⽂件 ./mitmdumpUrlSaver