Electron – 独立开发之路

Electron 最小化到托盘

Electron 创建系统托盘的方式非常容易，调用 Tray 即可。你可以像下面这样来创建一个系统托盘，托盘图标在创建时制定，系统托盘的右键菜单选项通过Menu 对象来创建。

Electron 开发环境搭建对于大陆的开发者来说或多或少都会有些问题。有镜像源的问题，也有 VSCode 及操作系统终端的编码问题。这些问题对于新手来说比较繁琐，故写此篇入门文章帮助有问题的网友。

对于大陆的开发者来说，想要快速下载 Electron，需要配置镜像源和二进制文件下载地址。这两者的区别是前者只负责拉取 Electron 的代码，后者包含了 Electron 运行所需的二进制文件。因此完整的配置如下所示。

Electron 本质上是对 Chromium 与 Node 环境的封装，因此利用它来对页面进行控制，做一些自动化操作也是顺理成章的事情。而其中的关键是它自带的 preload 与 IPC 机制。

假如我们想在 Electron 中加载远程的一个 URL 页面，并且想控制这个页面的行为，那么preload（预加载）是必不可少的一步。通过 preload，我们可以在远程页面加载之前，预先加载本地的 preload 脚本，然后由它在浏览器端做一部分页面元素的控制操作。