electron创建多窗口
时间: 2023-10-01 19:08:40 浏览: 224
在 Electron 中创建多窗口可以使用 BrowserWindow 模块。下面是一个创建两个窗口的示例:
```javascript
const { app, BrowserWindow } = require('electron')
let mainWindow, secondaryWindow
function createMainWindow() {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
mainWindow.loadFile('index.html')
mainWindow.on('closed', () => {
mainWindow = null
})
}
function createSecondaryWindow() {
secondaryWindow = new BrowserWindow({
width: 400,
height: 300,
webPreferences: {
nodeIntegration: true
}
})
secondaryWindow.loadFile('secondary.html')
secondaryWindow.on('closed', () => {
secondaryWindow = null
})
}
app.on('ready', () => {
createMainWindow()
createSecondaryWindow()
})
```
在上面的示例中,我们创建了两个窗口,一个是主窗口,另一个是次要窗口。在 app 的 ready 事件中,我们调用了 createMainWindow 和 createSecondaryWindow 函数来创建这两个窗口。
在 createMainWindow 函数中,我们创建了一个 BrowserWindow 实例,并通过 loadFile 方法加载了 index.html 文件。在窗口关闭时,我们将 mainWindow 设置为 null。
在 createSecondaryWindow 函数中,我们创建了一个类似的 BrowserWindow 实例,并通过 loadFile 方法加载了 secondary.html 文件。在窗口关闭时,我们将 secondaryWindow 设置为 null。
如果你想在应用程序中打开更多的窗口,只需按照类似的方式创建新的 BrowserWindow 实例即可。
阅读全文