BrowserWindow创建并控制浏览器窗口(主进程)
条件:在 app 模块 emitted ready 事件之前,您不能使用此模块。
1.在加载页面时,渲染进程第一次完成绘制时,如果窗口还没有被显示,渲染进程会发出 ready-to-show 事件 。 在此事件后显示窗口将没有视觉闪烁
win.once('ready-to-show', () => {win.show()})
2.设置backgroundColor 属性
//BrowserWindow 创建并控制浏览器窗口,设置窗口大小(在 app 模块 emitted ready 事件之前,不能使用此模块)const win = new BrowserWindow({width: width,height: height,backgroundColor: '#2e2c29',//窗口背景颜色webPreferences: {//nodeIntegration: true,defaultEncoding: 'utf-8',userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36',preload: path.join(__dirname, 'preload.js')},});
3.设置父子窗口(通过使用 parent 选项,创建子窗口,子窗口总是位于父窗口上)
const { width, height } = screen.getPrimaryDisplay().workAreaSize//BrowserWindow 创建并控制浏览器窗口,设置窗口大小(在 app 模块 emitted ready 事件之前,不能使用此模块)const win = new BrowserWindow({width: width,height: height,backgroundColor: '#2e2c29',//窗口背景颜色webPreferences: {//nodeIntegration: true,defaultEncoding: 'utf-8',userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36',preload: path.join(__dirname, 'preload.js')},});const child = new BrowserWindow({ parent: win ,width:300,height:400}) //创建子窗口child.show()//在加载页面时,渲染进程第一次完成绘制时,如果窗口还没有被显示,渲染进程会发出 ready-to-show 事件 。 在此事件后显示窗口将没有视觉闪烁win.once('ready-to-show', () => {win.show()})win.loadFile('index.html');
4.new BrowserWindow 的 page-title-updated 事件:
// 监听页面标题更新事件win.webContents.on('page-title-updated', (event, title) => {console.log(`页面标题更新为:${title}`);});