場景

用HTML和CSS和JS構(gòu)建跨平臺桌面應(yīng)用程序的開源庫Electron的介紹以及搭建HelloWorld：

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

Electron怎樣進(jìn)行渲染進(jìn)程調(diào)試和使用瀏覽器和VSCode進(jìn)行調(diào)試：

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

在上面搭建好項(xiàng)目以及知道怎樣進(jìn)行調(diào)試后，那么Ecectron有哪些常用的api

注：

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

實(shí)現(xiàn)

app常用事件

whenReady: 當(dāng) Electron 完成初始化時(shí)被觸發(fā)。
window-all-closed: 所有窗口被關(guān)閉
before-quit：在應(yīng)用程序開始關(guān)閉窗口之前觸發(fā)
will-quit：當(dāng)所有窗口都已關(guān)閉并且應(yīng)用程序?qū)⑼顺鰰r(shí)發(fā)出。
quit：在應(yīng)用程序退出時(shí)發(fā)出。

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

在這里添加一個(gè)輸出

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()}) })

然后調(diào)試項(xiàng)目，可以看到輸出

?

webContents常用事件

did-finish-load: 導(dǎo)航完成時(shí)觸發(fā)，即選項(xiàng)卡的旋轉(zhuǎn)器將停止旋轉(zhuǎn)，并指派onload事件后。
dom-ready: 一個(gè)框架中的文本加載完成后觸發(fā)該事件。

打開main.js添加以上兩個(gè)事件

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

然后調(diào)試啟動(dòng)項(xiàng)目

?

與50位技術(shù)專家面對面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Electron中常用api事件-app常用事件和webContents常用事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。