electron 生命周期

最新推荐文章于 2025-03-28 14:02:14 发布

画了五官的猕猴

最新推荐文章于 2025-03-28 14:02:14 发布

阅读量1.1k

点赞数

分类专栏： electron 文章标签： electron javascript 前端

本文链接：https://blog.youkuaiyun.com/luoxiaonuan_hi/article/details/131224942

版权

文章详细描述了Electron应用中的窗口生命周期事件，如dom-ready、did-finish-load、window-all-closed、before-quit、will-quit和quit。当监听window-all-closed事件并关闭窗口时，before-quit、will-quit和quit事件不会自动触发，需要在window-all-closed事件中手动处理关闭操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

生命周期事件：

reday: app初始化完成

dom-ready:一个窗口的文本加载完成，可以进行dom操作

did-finish-load: 导航完成时触发,选项卡旋转器停止旋转时（发生在dom-ready后）比如点击一个选项卡后，某一个选项下的dom加载完成后触发，

window-all-closed:所有窗口关闭时触发

before-quit:应用程序关闭窗口之前触发

will-quit:在窗口关闭并且应用退出时触发

quit:当所有窗口被关闭时触发

close:当窗口关闭时触发，此时应删除窗口应用（将保存窗体的引用对象（一些变量的释放）删除）

当监听了window-all-closed事件并且不做任何操作时时，before-quit、will-quit、quit，这三个事件就会失效

通过下面代码演示钩子加载的书顺序：

const { app, BrowserWindow } = require("electron");

// 创建窗口
function createWindow() {
  app.whenReady().then(() => {
    const mainWin = new BrowserWindow({
      width: 600,
      height: 400,
    });

    mainWin.loadFile("index.html");

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

最低0.47元/天解锁文章