electron 窗口BrowserWindow

const mainWindow = new BrowserWindow({ width: 800, height: 600, frame:false, 弹出的窗口有无边框,默认为有 show:false, 是否显示窗口,否后,通过对象.show()打开 backgroundColor:"#ADD6FF" 设置背景色,16进制rgba格式 webPreferences: { 网页功能设置 preload: path.join(__dirname, 'preload.js'), 脚本路径 nodeIntegration:true, 配置 webviewTag:true 配置 }, }) 让窗口加载内容窗口对象.loadFile('路径');窗口对象.loadURL('url'); 等到窗口内容加载完后再显示1、设置show:false2、设置监听窗口对象.once("ready-to-show",()=>{窗口对象.show();}) 子窗口不指定坐标和大小,默认和父窗口一样大且覆盖在上面父窗口关闭,子窗口也关闭var 子窗口对象=new BrowserWindow({x:弹出窗口x坐标y:弹出窗口y坐标parent:父窗口对象})子窗口对象.show() 模态子窗口弹出改窗口后,不能点击父窗口在子窗口的基础上,在创建时添加属性modal:true

文档
渲染进程加载页面

代码示例:

// Modules to control application life and create native browser window const {app, BrowserWindow} = require('electron') const path = require('path') function createWindow () { // Create the browser window. const mainWindow = new BrowserWindow({ width: 800, height: 600, //弹出的窗口有无边框,默认为有 // frame:false, show:false, backgroundColor:'#586148', webPreferences: { preload: path.join(__dirname, 'preload.js'), nodeIntegration:true, webviewTag:true }, }) // and load the index.html of the app. mainWindow.loadFile('index.html') mainWindow.webContents.on("did-finish-load",()=>{ }) mainWindow.webContents.on('dom-ready',()=>{ }) mainWindow.once('ready-to-show',function(){ mainWindow.show(); child.show(); }) var child=new BrowserWindow({ x:0, y:0, //父消失,子也消失 parent:mainWindow, modal:true }) // Open the DevTools. // mainWindow.webContents.openDevTools() } // This method will be called when Electron has finished // initialization and is ready to create browser windows. // Some APIs can only be used after this event occurs. // app.whenReady().then(createWindow) app.on('ready',()=>{ createWindow(); }); // Quit when all windows are closed. app.on('window-all-closed', function () { // On macOS it is common for applications and their menu bar // to stay active until the user quits explicitly with Cmd + Q if (process.platform !== 'darwin') app.quit() }) app.on('activate', function () { // On macOS it's common to re-create a window in the app when the // dock icon is clicked and there are no other windows open. if (BrowserWindow.getAllWindows().length === 0) createWindow() }) // In this file you can include the rest of your app's specific main process // code. You can also put them in separate files and require them here.