Electron是由Github開發(fā)，用HTML，CSS和JavaScript來構(gòu)建跨平臺桌面應(yīng)用程序的一個(gè)開源庫。
Electron通過將Chromium和Node.js合并到同一個(gè)運(yùn)行時(shí)環(huán)境中，并將其打包為Mac，Windows和Linux系統(tǒng)下的應(yīng)用來實(shí)現(xiàn)這一目的。
Electron熱門產(chǎn)品 GitHub 的Atom和微軟的Visual Studio Code，這兩款當(dāng)下熱門的編輯器都是使用Electron開發(fā)的。 而且對JavaScript的支持也都很棒。
Electron只用了Chromium的渲染庫而不是其全部組件。 這使得升級Chromium更加容易，但也意味著Electron缺少了Google Chrome里的一些瀏覽器相關(guān)的特性
Electron同時(shí)在主進(jìn)程和渲染進(jìn)程中對Node.js 暴露了所有的接口
Electron支持chrome開發(fā)者工具調(diào)試 win.webContents.openDevTools()

使用vscode調(diào)試

1.在 VSCode 中打開一個(gè) Electron 項(xiàng)目。
$ git clone git@github.com:electron/electron-quick-start.git
$ code electron-quick-start
Copy
2.添加一個(gè) .vscode/launch.json 文件并使用以下配置：
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Main Process",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceRoot}",
      "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron",
      "windows": {
        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd"
      },
      "args" : ["."]
    }
  ]
}

　　

注冊全局快捷鍵

const {app, globalShortcut} = require('electron')

app.on('ready', () => {
  // 注冊一個(gè) 'CommandOrControl+X' 的全局快捷鍵
  const ret = globalShortcut.register('CommandOrControl+X', () => {
    console.log('CommandOrControl+X is pressed')
  })

  if (!ret) {
    console.log('registration failed')
  }

  // 檢查快捷鍵是否注冊成功
  console.log(globalShortcut.isRegistered('CommandOrControl+X'))
})

app.on('will-quit', () => {
  // 注銷快捷鍵
  globalShortcut.unregister('CommandOrControl+X')

  // 清空所有快捷鍵
  globalShortcut.unregisterAll()
})

相關(guān)方法

globalShortcut.register(accelerator, callback)
globalShortcut.unregister(accelerator)
globalShortcut.isRegistered(accelerator)
globalShortcut.unregisterAll()

有用的應(yīng)用 https://electronjs.org/apps/mockman 模擬服務(wù)器　　

https://electronjs.org/apps/advanced-rest-client 模擬請求

https://electronjs.org/apps/reversee

https://electronjs.org/apps/ling

https://electronjs.org/apps/hyper

https://electronjs.org/apps/system-designer

https://electronjs.org/apps/altair xxxxx

神奇的remote

https://imweb.io/topic/5b3b72ab4d378e703a4f4435 remote

常見錯(cuò)誤

1:渲染進(jìn)程中引用不了nodejs

var win = new BrowserWindow({ 600, height: 800, webPreferences: { nodeIntegration: true } })

總結(jié)

以上是生活随笔為你收集整理的electron的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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