Electron笔记

简介:

一个能让你用Web技术开发桌面应用的开源项目。这里做一个笔记(非正式文章):

官网地址:http://electron.atom.io/

API相关

Electron提供的主进程接口、渲染进程接口、共用接口等。

Process(进程):继承NodeJS的process模块,增加属性和方法、事件。

Chrome 命令行开关 :Chrome相关的配置。

<webview> Tag :单独的进程中运行(与iframe相比),并增强很多地方,比iframe好用。

window.open相关接口。

主进程接口

自动更新

热键

app:应用接口

BrowserWindow:窗口

dialog:选择文件目录窗口

ipc:主进程与渲染进程的异步通信

Menu:提供菜单栏和右键菜单(这个不错)

powerMonitor:监听电源状态变化

powerSaveBlocker:阻止进入低功耗睡眠模式

protocol:注册自定义的协议,拦截现有协议的请求

session:管理浏览器会话,Cookie,缓存,代理服务器设置等

Tray:托盘

渲染进程接口

ipc:渲染进程与主进程的异步通信

webFrame:一些当前页面的设置接口

剪贴板:重点是可以创建NativeImage,设置图片到剪贴板(某些目录不行)。

共用接口

崩溃日志接口

nativeImage:一个本地图片对象

screen:屏幕尺寸,显示器,光标位置等信息

shell:以默认应用程序打开文件或URL

js调用方式

主进程 :跟写NodeJS脚本一样。

渲染进程:跟写普通Web页面一样,除了NodeJS模块代码。

插件拓展

这里我觉得Electron最聪明的是,选取了大众的NodeJS,而不是Go或Python作为开发插件的语言。

分类:  6.前后端工具

一个能让你用Web技术开发桌面应用的开源项目。这里做一个笔记(非正式文章):

官网地址:http://electron.atom.io/

API相关

Electron提供的主进程接口、渲染进程接口、共用接口等。

Process(进程):继承NodeJS的process模块,增加属性和方法、事件。

Chrome 命令行开关 :Chrome相关的配置。

<webview> Tag :单独的进程中运行(与iframe相比),并增强很多地方,比iframe好用。

window.open相关接口。

主进程接口

自动更新

热键

app:应用接口

BrowserWindow:窗口

dialog:选择文件目录窗口

ipc:主进程与渲染进程的异步通信

Menu:提供菜单栏和右键菜单(这个不错)

powerMonitor:监听电源状态变化

powerSaveBlocker:阻止进入低功耗睡眠模式

protocol:注册自定义的协议,拦截现有协议的请求

session:管理浏览器会话,Cookie,缓存,代理服务器设置等

Tray:托盘

渲染进程接口

ipc:渲染进程与主进程的异步通信

webFrame:一些当前页面的设置接口

剪贴板:重点是可以创建NativeImage,设置图片到剪贴板(某些目录不行)。

共用接口

崩溃日志接口

nativeImage:一个本地图片对象

screen:屏幕尺寸,显示器,光标位置等信息

shell:以默认应用程序打开文件或URL

js调用方式

主进程 :跟写NodeJS脚本一样。

渲染进程:跟写普通Web页面一样,除了NodeJS模块代码。

插件拓展

这里我觉得Electron最聪明的是,选取了大众的NodeJS,而不是Go或Python作为开发插件的语言。

分类:  6.前后端工具
本文转自 海角在眼前 博客园博客,原文链接:http://www.cnblogs.com/lovesong/p/5684564.html    ,如需转载请自行联系原作者
相关文章
|
8月前
|
JavaScript Shell API
小笔记:Electron中关联格式、处理文件、创建链接的相关编程
小笔记:Electron中关联格式、处理文件、创建链接的相关编程
320 0
|
8月前
|
存储 Web App开发 iOS开发
Electron 从基础到实战笔记 - Electron App对象及其事件
Electron 从基础到实战笔记 - Electron App对象及其事件
282 0
|
API iOS开发 MacOS
关于electron升级调研的心得笔记
关于electron升级调研的心得笔记
422 0
关于electron升级调研的心得笔记
|
JavaScript Shell API
笔记:Electron中关联格式、处理文件、创建链接的相关编程
本文介绍关于在Electron中绑定文件格式、在菜单中打开、使用文件API、处理桌面链接等等。
303 0
|
前端开发 JavaScript
electron入门笔记(三)- 引入bootstrap
源码:https://github.com/sueRimn/electron-bootstrap 当引入jQuery和bootstrap文件时,会报错,原因是:electron 的 Renderer 端因为注入了 Node 环境,存在全局函数 require,导致jquery 内部环境判断出现问题。
2173 0
|
Web App开发 JavaScript 索引
Electron入门笔记(一)-自己快速搭建一个app demo
一.安装Node   1.从node官网下载 ,最好安装.msi后缀名的文件,新手可以查看安装教程进行安装。 2.然后cmd进入命令窗口,输入npm -v查看node当前版本, 二.创建文件并初始化   1.
2480 0
|
Web App开发
Electron入门笔记(二)-快速建立hello world
官方的文档我没有看懂,看了不少别人的博客和文章,终于慢慢看懂了如何快速的建立一个Electron app demo,前一篇文章不是使用官方快速搭建的,而且还出了小问题,所以去撸了一遍quick-start,发现很简单 一、安装Electron 1.
1079 0
|
12天前
|
人工智能 移动开发 JavaScript
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
如何用uniapp打包桌面客户端exe包,vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上
|
2月前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
5月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办