前端学习之路Electron——简单生命周期

下面就是electron 的大致周期顺序

ready 
dom-ready //一个框架中的文本加载完成后触发该事件。
did-finish-load  //导航完成时触发，即选项卡的旋转器将停止旋转，并指派onload事件后。
window-all-closed //当所有窗口被关闭时触发
before-quit	//在关闭窗口之前触发
will-quit  //在关闭窗口都已经关闭并且应用程序退出时
quit	当所有窗口被关闭时触发
closed //当窗口关闭时发出。收到此事件后，应删除对窗口的引用，并避免再使用它。

周期的细分

ready

app.on("ready", () => {
  console.log("ready")
});

dom-ready

app.on("ready", () => {
  console.log("ready")；
   mainWindow.webContents.on('dom-ready', () => {
    console.log("dom-ready")
    //一个框架中的文本加载完成后触发该事件。
  })
});
 

did-finish-load

app.on("ready", () => {
  console.log("ready")；
   mainWindow.webContents.on('dom-ready', () => {
    console.log("dom-ready")
    //一个框架中的文本加载完成后触发该事件。
  })
    mainWindow.webContents.on("did-finish-load", () => {
    console.log("did-finish-load")  //导航完成时触发，即选项卡的旋转器将停止旋转，并指派onload事件后。
  })
});

window-all-closed

app.on('window-all-closed', () => { //当所有窗口被关闭时触发
  console.log("window-all-closed")
  app.quit()
})

before-quit

app.on('before-quit', () => {
  console.log("before-quit")
  //在关闭窗口之前触发

})

will-quit

app.on('will-quit', () => {
  console.log("will-quit")
  //在关闭窗口都已经关闭并且应用程序退出时
})

quit

app.on("quit", () => {
  console.log("quit")
  globalShortcut.unregister("ctrl+g");
  globalShortcut.unregisterAll();
});

closed

  mainWindow.on("closed", () => {
    console.log('closed')
    mainWindow = null;
  });

electron官网API