非常教程

Electron参考手册

指南·开发 | Guides: Development

升级Chrome核对清单 | Upgrading Chrome Checklist

本文档旨在概述Electron中每次Chrome升级所需的步骤。

除了更新用于任何Chrome / Node API更改的Electron代码之外,还需要执行这些操作。

  • 确认新的Chrome版本可从https://github.com/zcbenz/chromium-source-tarball/releases
  • 更新存储库VERSION根目录下的文件electron/libchromiumcontent
  • 更新CLANG_REVISIONscript/update-clang.sh匹配Chrome浏览器时使用的版本libchromiumcontent/src/tools/clang/scripts/update.py
  • 升级vendor/node到与新Chrome版本中使用的v8版本相对应的节点版本。有关更多详细信息,请参阅https://nodejs.org/en/download/releases上节点中的v8版本
  • 升级vendor/crashpad任何崩溃记者的变化需要
  • 升级vendor/depot_tools所需的任何构建工具更改
  • 更新libchromiumcontentSHA-1以便下载script/lib/config.py
  • electron/libchromiumcontent使用更改打开拉取请求
  • electron/electron使用更改打开拉取请求
    • 这应该包括vendor/根据需要升级子模块
  • 验证调试版本是否成功:
    • MACOS
    • 32位Windows
    • 64位窗口
    • 32位Linux
    • 64位Linux
    • ARM Linux
  • 验证发布版本是否成功:
    • MACOS
    • 32位Windows
    • 64位窗口
    • 32位Linux
    • 64位Linux
    • ARM Linux
  • 确认测试通过:
    • MACOS
    • 32位Windows
    • 64位窗口
    • 32位Linux
    • 64位Linux
    • ARM Linux

验证ffmpeg支持

电子版本ffmpeg默认包含专有编解码器。没有这些编解码器的版本也随每个发行版一起构建和分发。每次Chrome升级都应验证切换此版本是否仍受支持。

您可以ffmpeg通过加载以下页面来验证Electron对多个版本的支持。它应该ffmpeg与Electron分发的默认库一起工作,ffmpeg而不适用于没有专有编解码器的库。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Proprietary Codec Check</title>
  </head>
  <body>
    <p>Checking if Electron is using proprietary codecs by loading video from http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4</p>
    <p id="outcome"></p>
    <video style="display:none" src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" autoplay></video>
    <script>
      const video = document.querySelector('video')
      video.addEventListener('error', ({target}) => {
        if (target.error.code === target.error.MEDIA_ERR_SRC_NOT_SUPPORTED) {
          document.querySelector('#outcome').textContent = 'Not using proprietary codecs, video emitted source not supported error event.'
        } else {
          document.querySelector('#outcome').textContent = `Unexpected error: ${target.error.code}`
        }
      })
      video.addEventListener('playing', () => {
        document.querySelector('#outcome').textContent = 'Using proprietary codecs, video started playing.'
      })
    </script>
  </body>
</html>
Electron

Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。

主页 https://electron.atom.io/
源码 https://github.com/electron/electron
发布版本 1.7.9

Electron目录

1.指南 | Guides
2.指南·开发 | Guides: Development
3.Webview 组件 |
4.加速器 | Accelerator
5.API
6.API·对象 | API·Objects
7.app
8.autoUpdater
9.浏览器总览 | BrowserView
10.浏览器窗口 | BrowserWindow
11.浏览器窗口代理 | BrowserWindowProxy)
12.ClientRequest
13.剪贴板 | clipboard
14.内容追踪 | contentTracing
15.小型文字档案 | Cookies
16.crashReporter
17.调试器 | Debugger
18.desktopCapturer
19.dialog
20.电子下载 | DownloadItem
21.环境变量 | Environment Variables
22.无框窗口 | Frameless Window
23.globalShortcut
24.IncomingMessage
25.ipcMain
26.IPC渲染器 | ipcRenderer
27.语言环境 | Locales
28.画面 | Menu
29.MenuItem
30.本地图像 | nativeImage
31.net
32.通知 | Notification
33.权限监控 | powerMonitor
34.权限存储拦截器 | powerSaveBlocker
35.处理 | process
36.协议 | protocol
37.远程 | remote
38.sandbox
39.屏幕 | screen
40.会话 | session
41.shell
42.系统表现 | systemPreferences
43.触摸板 | TouchBar
44.触摸板按钮 | TouchBarButton
45.触摸板颜色选择器 | TouchBarColorPicker
46.触摸板组 | TouchBarGroup
47.触摸板标签 | TouchBarLabel
48.触摸板弹出框 | TouchBarPopover
49.触摸板清理 | TouchBarScrubber
50.触摸板分段控制 | TouchBarSegmentedControl
51.触摸板滑块 | TouchBarSlider
52.触摸板间隔 | TouchBarSpacer
53.Tray
54.网页内容 | webContents
55.网页框架 | webFrame
56.网页要求 | WebRequest
57.窗口开启 | window.open