Electron生命周期

生命周期事件

ready

app 初始化完成

dom-ready

一个窗口中的文本加载完成

did-finish-load

导航完成时触发

window-all-closed

所有窗口都被关闭时触发

监听了此事件，需要主动执行app.quit() 事件，before-quit、will-quit、quit 这三个生命周期才会生效

before-quit

在关闭窗口之前触发

will-quit

在窗口关闭并且应用退出时触发

quit

当所有窗口被关闭时触发

closed

当窗口关闭时触发，此时应删除窗口引用

main.js

const { app, BrowserWindow } = require('electron')

// 创建窗口
function createWindow () {
  console.log('ready')
  // 创建主进程
  const mainWin = new BrowserWindow({
    width: 600,
    height: 400,
  })

  // 在当前窗口中加载指定界面让它显示具体的内容
  mainWin.loadFile('index.html')

  mainWin.webContents.on('dom-ready', () => {
    console.log('dom-ready')
  })

  mainWin.webContents.on('did-finish-load', () => {
    console.log('did-finish-load')
  })

  mainWin.on('close', () => {
    console.log('close')
    //mainWin = null
  })
}

// 当 app 启动之后，执行窗口创建等操作
app.on('ready', createWindow)

app.on('window-all-closed', () => {
  console.log('window-all-closed')
  app.quit()
})

app.on('before-quit', () => {
  console.log('before-quit')
})

app.on('will-quit', () => {
  console.log('will-quit')
})

app.on('quit', () => {
  console.log('quit')
})

1