場景

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

然后調試啟動項目

?

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。