Electron中常用api事件-app常用事件和webContents常用事件

場景

用HTML和CSS和JS構建跨平台桌面應用程序的開源庫Electron的介紹以及搭建HelloWorld：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828

Electron怎樣進行渲染進程調試和使用瀏覽器和VSCode進行調試：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106414541

在上面搭建好項目以及知道怎樣進行調試后，那么Ecectron有哪些常用的api

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

app常用事件

whenReady: 當 Electron 完成初始化時被觸發。
window-all-closed: 所有窗口被關閉
before-quit：在應用程序開始關閉窗口之前觸發
will-quit：當所有窗口都已關閉並且應用程序將退出時發出。
quit：在應用程序退出時發出。

我們可以打開項目的main.js看到app.whenReady()事件

在這里添加一個輸出

app.whenReady().then(() => {
  createWindow(),
  console.log("app.whenReady()")
  
  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()
  })
})

 

然后調試項目，可以看到輸出

 

 

webContents常用事件

did-finish-load: 導航完成時觸發，即選項卡的旋轉器將停止旋轉，並指派onload事件后。
dom-ready: 一個框架中的文本加載完成后觸發該事件。

打開main.js添加以上兩個事件

  mainWindow.webContents.on("did-finish-load",()=>{
    console.log("did-finish-load");
  })

  mainWindow.webContents.on("dom-ready",()=>{
    console.log("dom-ready");
  })

 

然后調試啟動項目