李钟意讲前端

外观

咨询/接单/付费bug修复/学习交流群

electron 默认有几个进程？ ​

答案是 3 个，如下图：一个 electron 应用什么都不做，会出现这三个进程：

alt text

提示

我的 electron 版本为 "electron": "^31.0.0",

一、默认有这三个，我如何知道他们的作用？ ​

为了确定这些 Electron 进程的作用，你可以通过以下方式来查看每个进程的角色：

1. 使用 Electron 的 process 模块查看进程类型 ​

在主进程和渲染进程中，可以通过 process.type 来判断进程的类型。你可以在主进程和渲染进程的代码中分别输出 process.type 来了解各个进程的作用。

  • 主进程：process.type === 'browser'
  • 渲染进程：process.type === 'renderer'
  • GPU 进程和其他实用程序进程不会直接暴露给你，但你可以通过任务管理器观察。

2. 通过任务管理器查看进程 ID (PID) ​

根据你截图中的信息，任务管理器显示了三个不同的 Electron 进程，你可以将这些进程与 Electron 的进程进行匹配。

使用以下方法来分析这些进程：

  • 主进程 通常负责创建和管理窗口，PID 对应的应该是第一个启动的进程。
  • 渲染进程 对应每个打开的窗口或者 WebView。
  • GPU 进程 主要处理图形加速。

3. 通过 Electron 调试工具 ​

你可以在主进程或渲染进程中使用以下代码查看具体进程的信息：

js
console.log("Process ID:", process.pid);
console.log("Process Type:", process.type);
powershell
PS C:\Users\Administrator\Documents\mycode\electron-screenshot> npm start

> electron-screenshot@1.0.0 start
> electron .


Process ID: 3212
Process Type: browser

将输出的进程 ID 与任务管理器中的 PID 进行对比，即可知道每个进程的具体作用。

这样你就可以确定这些进程在任务管理器中的角色是否是主进程、渲染进程还是 GPU 进程。

二、任务管理器的方式查看进程信息 ​

1. 打开任务管理查看进程信息 ​

alt text

2. 鼠标右键进程 - 转到详细信息 ​

alt text

3. 鼠标右键 - 选择列 ​

alt text

4. 找到 命令行 勾选 ​

alt text

5. 然后查看 命令行 - --type 参数就知道进程的作用了 ​

alt text

三、 分析下图不同的进程的作用，根据--type ​

alt text

根据你最新上传的图片中的信息，你可以通过 --type 参数来判断每个 Electron 进程的角色：

  1. PID: 3212 对应的进程没有 --type 参数，这表明这是 Electron 的 主进程（Main Process）。

  2. PID: 10340 对应的进程包含 --type=gpu-process 参数，表明这是 GPU 进程，用于处理图形渲染任务。

  3. PID: 11184 对应的进程包含 --type=utility，并且是与 network.mojom.NetworkService 相关的进程，表明这是一个 实用进程，负责处理网络服务或其他辅助任务。

因此，以下是三个进程的具体作用：

  • 3212：主进程
  • 10340：GPU 进程
  • 11184：实用进程（网络服务）