場景
用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");
})
然後調試啓動項目