1. 1.001自定义托盘菜单界面.zip

1. 1.002迅雷悬浮窗右键快捷菜单.zip

1. 1.003渲染进程内实时在线或离线提示.zip

1. 1.004系统托盘闪烁图标提示用户示例.zip

延伸拓展:

如果API中所列功能无法满足你的需求时,chrome-app-samples是你最好的选择.

多平台支持:

众所周知,目前的Electron主要支持桌面版系统的跨平台,例如Win,Linux,MacOS.并不支持(未来可能也不会支持)移动端如Android,iOS等.
相对而言,Electron的门槛非常低,仅需掌握少量Web语言即可入门,但是更多人的需求是:'Write once, run anywhere'(一次撰写，多端运行).
比如,对中国用户而言,Win+Android+iOS三平台支持就是最大的需求主流.
所以此处列举了常见的跨平台开发工具,也欢迎大家推荐更多优秀工具:

原生应用

• React-Native - 作者Facebook,Javascript/React,目标平台:iOS/Android

• nativescript - JavaScript,目标平台:iOS/Android/Windows

• CrossAPP - C++,目标平台:iOS/Android

• Xamarin - C#,目标平台:iOS/Android/Windows/Mac

• QT - C++,Android/iOS/Windows 10 Mobile/BlackBerry 10/Ubuntu/Sailfish

• JUniversal - Java,目标平台:iOS/Android

• Kivy -Python,目标平台:iOS/Android/Windows/Mac/Linux

• Weex - 作者阿里巴巴,Web,目标平台:iOS/Android

• Flutter - 作者谷歌团队,目标平台:iOS/Android

混合应用

• CrossWalk​

• Cordova​

• mobile-chrome-apps​

• Titanium​

• PhoneGap​

• ionic​

• sencha​

• coronalabs​

• CocoonJS​

更多选择

除了上方列举的开发工具之外,你还可以在这个页面上看到更多的工具并欣赏用它们开发的作品截图.

Electron通用安装(第一二步请选择适合自己的系统):

• 1.Node.js安装

• 2.git安装

• 3.开始菜单中运行cmd或终端中,粘贴下方命令:
  没有翻墙VPN的同学使用:
  1
  npm install cnpm -g --registry=http://registry.npm.taobao.org
  2
  cnpm install electron -g
  Copied!

  可翻墙的同学使用:
  1
  npm install electron -g
  Copied!

没有error错误提示的话,这样就安装完成了
你可以在cmd或终端中输入命令 electron -v 如果出来个版本号就可以了.

• 4.创建demo应用:将quick-start目录中的四个文件放到任意目录,点击 start.bat,弹出 安装成功啦!提示,即创建成功.

注意:quick-start目录为示范文件,你可以任意修改.

• 5.electron 常用的npm命令:
  1
  安装:npm install electron -g
  2
  升级:npm update electron -g
  3
  卸载:npm uninstall electron -g
  Copied!

Electron学习要点:

1. 1.由于Electron基于Node.js,对于新手而言,入门第一关应当稍微熟悉Node.js的文档.

特别是如os,path等常用模块化的引用,这是非常必要的.

1. 1.Electron文档的学习,本文档中的方法,属性等列举的非常明细,它们的使用方法,你只需稍微观察quick-start目录即可明白.

只有一点,你需要特别的记住,Electron分为主进程和渲染进程,这两个进程的概念贯穿全程!
当你遇到需求进行查阅文档时,你需要先判断所属进程,再判断功能区域,这样即可确定API所在章节,例如,调用系统打印机进行打印小票:

• 调用系统打印机(与系统交互类的多数为主进程)

• 打印内容发生在页面内容即功能区域为webcontents(网页内容章节)

• API需求为打印,搜 print(打印窗口页面)

常见问题:

提交issue前(欢迎提出各种自己想做但不知如何实现的需求),请详读以下常见问题:

• Electron 常见问题

兼容注意:

• 与Jquery等第三方js插件的兼容相关
  1
  <script src=`jquery.min.js`></script>
  2
  <script>if (typeof module === 'object') {window.jQuery = window.$ = module.exports;};</script>
  Copied!

开发指南目录:

• 构建说明(Linux)

• 构建说明(macOS)​

• 构建说明(Windows)​

• 构建系统概述​

• 编码规范​

• 在 macOS 中调试​

• 在 Windows 中调试​

• 在C ++代码中使用clang-format​

• 在调试器中设置符号服务器​

• 源代码目录结构​

• Chrome升级清单

• Chromium 开发指南

• V8 开发指南

教程目录:

• 关于 Electron​

• Electron 版本说明​

• API弃用说明​

• 快速入门​

• 支持的平台​

• 桌面环境集成​

• 离屏渲染​

• 系统通知​

• 在线/离线事件检测​

• 多线程​

• REPL​

• 键盘快捷键

• DevTools扩展

• 使用原生模块

• 使用 Pepper Flash 插件

• 使用 Selenium 和 WebDriver (中文官译本,未精校)

• 使用 Widevine CDM 插件 (中文官译本,未精校)

• 应用分发​

• 应用打包​

• 主进程调试​

• 使用 node-inspector 进行主进程调试​

• 使用 VSCode 进行主进程调试​

• Mac App Store应用提交指南​

• Windows App Store应用提交指南 (中文官译本,未精校)

• 安全，本地功能和你的责任 (中文官译本,未精校)

• Headless CI Systems 测试 (中文官译本,未精校)

API接口目录:

公用:

• 应用语言

• 开发概要

• 专业术语​

• 常见问题​

• 环境变量​

• 快捷键字符串​

• 命令行​

• 客户端请求​

• 剪贴板

• <File> H5 File文件操作

• 无框窗口​

• <window.open> window.open打开新窗口或打开时传递消息

• 沙盒选项

主进程:

• 整体控制

• 全局快捷键

• 图标创建与应用​

• 屏幕

• 窗口​

• 菜单

• 菜单项​

• 系统托盘

• 网页内容​

• 从主进程到渲染进程的异步通信

• 对话框​

• 创建和控制视图​

• 会话​

• 会话,缓存和代理等控制​

• 页面请求​

• HTTP/HTTPS请求处理​

• 协议的注册和处理​

• 使用系统默认应用程序管理文件或URL​

• 下载项管理​

• 进程控制​

• Chromium原生网络库​

• 获取系统首选项​

• 电源状态​

• 节能管理​

• 调试工具​

• 奔溃报告​

• 性能数据收集​

• 自动更新​

• TouchBar触摸条​

• TouchBar触摸条按钮​

• TouchBar触摸条拾色器​

• TouchBar触摸条分组

• TouchBar触摸条scrubber

• TouchBar触摸条分段控件

• TouchBar触摸条label标签​

• TouchBar触摸条弹出框​

• TouchBar触摸条滑块​

• TouchBar触摸条间隔符

渲染进程:

• 页面渲染

• <webview> webview标签

• 渲染进程与主进程通信

• 从渲染进程到主进程的异步通信​

• 子窗口​

• 捕获桌面资源

API中的结构列表:

• 蓝牙设备对象​

• 证书对象​

• 证书主体对象​

• Cookie对象​

• 崩溃报告对象​

• 桌面捕获源对象​

• 显示器对象

• 打印机信息对象

• 文件过滤器对象​

• 最近使用的项目​

• 常用列表项​

• CPU使用率对象即程序占用的CPU资源​

• IO值对象​

• 内存信息对象​

• 进程内存信息对象​

• 内存使用详细信息​

• Mime类型缓冲区​

• 矩形对象​

• 删除客户端证书对象​

• 删除密码对象​

• Scrubber项对象​

• 分段控制对象​

• 快捷方式对象​

• 任务对象​

• 缩略图工具栏按钮对象​

• 上传blob对象​

• 上传数据对象​

• 上传文件系统对象​

• 上传文件对象​

• 上传原始数据对象