vue-cli 3.X安装Electron

vue add electron-builder

不行多试几次可能网速原因

使用webview打开第三方页面注入CSS和JS

// background.jsf
    webPreferences: {
            nodeIntegration: true,
            webviewTag: true, // 启用webview
            enableRemoteModule: true //避免require不了Remote
        }

<webview ref="webview" :src="loginUrl" style="height:370px;width:400px" />

    const wb = this.$refs.webview
    wb.addEventListener('did-finish-load', () => {
        wb.insertCSS() // 注入CSS

       // 注入JS 使用Promise.resolve把参数穿回来
        wb.executeJavaScript(`Promise.resolve(1)`, false).then((res) => {
            this.handlerData(res) 
        }).catch((error) => console.log(error))
        wb.openDevTools()
    })

electron webview 页面加载事件顺序

1.did-start-loading 页面开始加载

2.load-commit 主页面文档加载

3.page-title-updated title

4.dom-ready 主页面 dom 加载完成

5.load-commit frame文档加载

6.did-frame-finish-load frame 加载完成

7.did-frame-finish-load 最后一个是主框架frame 加载完成

8.did-finish-load 页面加载完成

9.page-favicon-updated 网页 icon

10.did-stop-loading 页面停止加载