场景

用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");
  })

然后调试启动项目