Electron

如果需要更深入的了解electron进程#xff0c;可以访问官网

流程模型

应用都有一个单一的主进程作为应用程序的入口点主进程具有唯一性。

任何

Electron

文件负责控制应用的生命周期、创建和管理窗口、与操作系统进行交互等。

主进程在

Node.js

process.versions.electron)在终端中输入结果如下

code

窗口可以包含一个或多个渲染进程每个渲染进程负责渲染网页内容并执行网页中的

JavaScript

浏览器、浏览器中的标签页运行在渲染器进程中的代码必须遵守网页标准。

这意味着

渲染进程无权直接访问

API。

渲染进程主要负责呈现用户界面、响应用户交互、执行网页中的业务逻辑等。

pages/index.html

/metahttp-equivContent-Security-Policycontentdefault-src

self;

Electron!/title/headbodyh1Hello

Electron!/h1We

idelectron-version/span./bodyscript

/html

console.log(process)在应用窗口中查看打印结果

window能成功打印console.log(process)报错process

not

API。

那么该如何实现在index.html中展示chrome、node、electron的版本呢

Node.js

应用中起着重要的桥梁作用它允许渲染进程安全地与主进程进行交互同时增强了应用的安全性和性能。

预加载preload脚本在渲染器进程加载之前加载并有权访问两个

渲染器全局

预加载preload脚本是运行在渲染器进程中的但它是在网页内容加载之前执行的。

Node.js

contextBridge在隔离的上下文中创建一个安全的、双向的、同步的桥梁。

const

contextBridge.exposeInMainWorld(aaaAPI,

{version:

在窗口中加载一个远程页面win.loadFile(./pages/index.html);

}执行npm

完善pages/render.js在渲染进程中使用versions实现在

pages/index.html

document.getElementById(node-version)

let

document.getElementById(chrome-version)

let

document.getElementById(electron-version)const

node,

aaaAPI.versionsnodeDom.innerHTML

node