electron 启动页
时间: 2023-10-03 15:05:02 浏览: 302
Electron+Vite+Vue3 模版
Electron 启动页是 Electron 应用程序的初始界面,它提供了一个入口点,可以展示应用程序的名称、图标、版本号等信息,并在用户启动应用程序时加载主要的应用程序窗口。启动页可以是一个简单的加载动画、欢迎界面或者是一个自定义的 HTML 页面。
要创建 Electron 应用程序的启动页,你可以在主进程中使用 `BrowserWindow` 模块创建一个新的窗口,并设置其标题、图标等属性。以下是一个示例代码:
```javascript
const { app, BrowserWindow } = require('electron')
function createWindow() {
// 创建一个新窗口
const win = new BrowserWindow({
width: 800,
height: 600,
// 设置启动页的 HTML 文件路径
// 这里可以是一个本地文件路径或者一个远程 URL
// 例如:file://path/to/startup.html 或 https://example.com/startup
webPreferences: {
nodeIntegration: true // 如果需要使用 Node.js API,请启用此选项
}
})
// 加载启动页的 HTML 文件
win.loadFile('startup.html')
// 在启动页加载完成后,显示窗口
win.once('ready-to-show', () => {
win.show()
})
}
app.whenReady().then(createWindow)
// 其他代码...
```
在上述示例中,我们使用 `BrowserWindow` 创建了一个新窗口,并通过 `loadFile` 方法加载了启动页的 HTML 文件。你可以根据需要自定义启动页的外观和功能。
请注意,上述示例仅提供了一种创建 Electron 启动页的方法,你可以根据自己的需求进行修改和扩展。
阅读全文