這篇文章主要介紹“javascript中的Electron如何使用”，在日常操作中，相信很多人在javascript中的Electron如何使用問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”javascript中的Electron如何使用”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)專(zhuān)注于西和企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開(kāi)發(fā),成都做商城網(wǎng)站。西和網(wǎng)站建設(shè)公司,為西和等地區(qū)提供建站服務(wù)。全流程定制制作，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

記一些Electron使用方法

安裝

package.json 中添加electron 的依賴

"devDependencies": {
    "electron": "12.0.5"
  }

最好不要在前面添加 ^ ，因?yàn)橐褂脟?guó)內(nèi)鏡像下載electron包，同步不是很及時(shí)，會(huì)導(dǎo)致安裝報(bào)網(wǎng)絡(luò)404,想升級(jí)時(shí)去鏡像網(wǎng)站找對(duì)應(yīng)版本

electron 鏡像

我使用的是這個(gè) electron_mirror=https://mirrors.huaweicloud.com/electron/, 將這行代碼加入到 .npmrc中

擴(kuò)展 window 對(duì)象的方法

const {app, BrowserWindow} = require('electron')
const path = require('path')

function createWindow() {
    const appPath = app.getAppPath()
    const _win = new BrowserWindow({
        width: 800,
        height: 600,
        icon: path.join(appPath, 'assert/hqcs-mini.ico'),
        webPreferences: {
            contextIsolation:false, // 先記住這個(gè)，一會(huì)說(shuō)這個(gè)
            nodeIntegration: true, // 先記住這個(gè)，一會(huì)說(shuō)這個(gè)
            preload: path.join(app.getAppPath(), 'preload.js')  // 在這個(gè) preload.js中擴(kuò)展 window 對(duì)象
        },
        autoHideMenuBar: true
    })
        _win.loadURL(“www.your_page.com”).catch(function (e) {
            console.log(e)
        });
    return _win
}

preload.js

window.CustomApi = {} // 這樣就可以了

• 第一個(gè)重點(diǎn)

12.0.0 版本以后 contextIsolation 一定要設(shè)置為false ，原因看這里吧 , 否則即使你在 preload.js 中 擴(kuò)展了 window 對(duì)象，也不可以在遠(yuǎn)程頁(yè)面中訪問(wèn)

• nodeIntegration 這個(gè)參數(shù)一定要為 true ，要不擴(kuò)展 window對(duì)象也沒(méi)什么意思，失去了調(diào)用本地接口的能力（不知道這里說(shuō)的準(zhǔn)確不）

關(guān)于兩個(gè)進(jìn)程通信的問(wèn)題

12.0.0版本以后 要設(shè)置 e.returnValue 否則 有可能程序止住

到此，關(guān)于“javascript中的Electron如何使用”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

當(dāng)前文章：javascript中的Electron如何使用
轉(zhuǎn)載源于：http://www.rwnh.cn/article18/pgsidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、定制開(kāi)發(fā)、域名注冊(cè)、企業(yè)網(wǎng)站制作、、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)