Electron 开发环境搭建入门

Photo by Chris Henry on Unsplash

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

安装篇

镜像源及二进制文件配置

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

继续阅读Electron 开发环境搭建入门

利用 Electron 控制页面

Photo by Zdeněk Macháček on Unsplash

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

preload 机制

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

继续阅读利用 Electron 控制页面