学习 Electron - 加载页面
Electron 加载页面
在 Electron 中,每个窗口展示一个页面,页面可以是本地的 HTML 或 远程 URL。
首先建立一个本地的 HTML 文件并写入内容。
<!DOCTYPE html>
<html>
<head>
<title>Electron First Example</title>
</head>
<h1>
Electron First Example
</h1>
</html>
然后修改项目入口文件。
// 导入两个 Electron 模块
// app 负责程序的生命周期
// BrowserWindow 负责创建和管理窗口
const { app, BrowserWindow } = require('electron')
const createWindow = () => {
const win = BrowserWindow({
height: 600,
width: 600
})
win.loadFile('index.html')
}
// 只有通过 ready 事件才能创建 BrowserWindow 实例
// 可以通过 app.whenReady() 或 app.on('ready',()=>{}) 监听
// 推荐 app.whenReady()。app.on('ready',()=>{}) 可能会导致一些问题
app.whenReady().them(() => {
createWindow()
})
应用中的每个页面都会在一个单独的进程中运行,这些进程被称为 渲染器。
渲染进程使用与常规 Web 开发相同的流程及工具。
学习 Electron - 加载页面
http://localhost:8080/archives/8086b652-5b27-48bd-b4b5-643d1fa8b056