Electron生命周期

Posted 2022-02-13 沿着路走到底

生命周期事件

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