Electron-03：Electron 运行流程、主进程渲染进程、读取本地文件、开启调试模式

最新推荐文章于 2025-06-13 11:34:10 发布

慕容屠苏

最新推荐文章于 2025-06-13 11:34:10 发布

阅读量671

点赞数

CC 4.0 BY-SA版权

分类专栏： electron 文章标签： electron javascript 前端

本文链接：https://blog.csdn.net/kerryqpw/article/details/123494574

electron 专栏收录该内容

5 篇文章

订阅专栏

本文详细探讨了Electron的运行机制，包括主进程与渲染进程的区别，以及如何在Electron应用中读取本地文件。同时，还介绍了如何开启调试模式，以方便开发者进行更高效的应用调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Electron 运行的流程

二、Electron 主进程和渲染进程

主进程和渲染器进程：

Electron 运行 package.json 的 main 脚本的进程被称为主进程。在主进程中运行的脚

本通过创建 web 页面来展示用户界面。一个 Electron 应用总是有且只有一个主进程。

由于 Electron 使用了 Chromium（谷歌浏览器）来展示 web 页面，所以 Chromium 的

多进程架构也被使用到。每个 Electron 中的 web 页面运行在它自己的渲染进程中。

主进程使用 BrowserWindow 实例创建页面。每个 BrowserWindow 实例都在自己的渲

染进程里运行页面。当一个 BrowserWindow 实例被销毁后，相应的渲染进程也会被终止。

进程（了解）：进程（Process）是计算机中的程序关于某数据集合上的一次运行活动，是

系统进行资源分配和调度的基本单位，是操作系统结构的基础。

线程（了解）：在⼀一个程序里的一个执行路线就叫做线程（thread）。更准确的定义是：

线程是“一个进程内部的控制序列”。

线程和进程（了解）：一个程序至少有一个进程,一个进程至少有一个线程

三、Electron 渲染进程中通过 Nodejs 读取本地文件。

在普通的浏览器中，web 页面通常在一个沙盒环境中运行，不被允许去接触原生的资源。

然而 Electron 的用户在 Node.js 的 API 支持下可以在页面中和操作系统进行一些底层交

互。

Nodejs 在主进程和渲染进程中都可以使用。渲染进程因为安全限制，不能直接操作原

生 GUI。虽然如此，因为集成了 Nodejs，渲染进程也有了操作系统底层 API 的能力，Nodejs

中常用的 Path、fs、Crypto 等模块在 Electron 可以直接使用，方便我们处理链接、路径、

文件 MD5 等，同时 npm 还有成千上万的模块供我们选择。

var fs = require('fs'); 
var content = document.getElementById('content'); 
var button = document.getElementById('button'); 
button.addEventListener('click',function(e){ 
fs.readFile('package.json','utf8',function(err,data){ 
content.textContent = data; 
console.log(data); 
}); 
});

四、Electron 开启调试模式