![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Electron
文章平均质量分 57
注目羔羊
学无止境...
展开
-
Electron - 菜单(项) 和 网络
菜单创建原生应用菜单和上下文菜单。进程:主进程菜单项添加菜单项到应用程序菜单和上下文菜单中进程:主进程文档地址:菜单、菜单项使用例子:// 可放在窗口加载完成代码后...// mainWindow.loadFile('index.html')...// 一般不在主进程里使用菜单 // setTimeout(() => { // const template = [{ // label: '第一项', //原创 2021-01-11 21:46:50 · 205 阅读 · 0 评论 -
Electron - 系统快捷键 和 主进程、渲染进程间的通信
系统快捷键在应用程序没有键盘焦点时,监听键盘事件。进程:主进程globalShortcut 模块可以在操作系统中注册/注销全局快捷键, 以便可以为操作定制各种快捷键。文档:系统快捷键使用:const { app, globalShortcut } = require('electron')app.whenReady().then(() => { // Register a 'CommandOrControl+X' shortcut listener. const ret =原创 2021-01-11 14:35:45 · 310 阅读 · 0 评论 -
Electron - 对话框
对话框显示用于打开和保存文件、警报等的本机系统对话框。进程:主进程这个对话框从Electron主线程打开。 如果你想要从一个渲染线程使用对话框对象,记得通过remote去访问它。const { dialog } = require(‘electron’).remoteconsole.log(dialog)文档地址:对话框方法:dialog.showOpenDialogSync([browserWindow, ]options)Returns String[] | undefined原创 2021-01-10 17:40:29 · 841 阅读 · 2 评论 -
Electron - BrowserWindow 和 BrowserView类
Class: BrowserWindow创建和控制浏览器窗口。进程:主进程BrowserWindow 是一个EventEmitter.通过 options 可以创建一个具有原生属性的 BrowserWindow 。new BrowserWindow([options])options详情看文档:BrowserWindow// main.js...const mainWindow = new BrowserWindow({ width: 800, heig原创 2021-01-09 14:59:49 · 2109 阅读 · 0 评论 -
Electron - window.open() 函数 和 BrowserWindowProxy 类
window.open() 函数window.open(url[, frameName][, features])参数:url StringframeName String(可选)features String(可选)返回值:Returns BrowserWindowProxy - 创建一个新窗口,并返回一个 BrowserWindowProxy 类的实例。注意:features 字符串遵循标准浏览器的格式,但每个 feature 必须是BrowserWindow 选项中的字段。fea原创 2021-01-09 14:10:38 · 583 阅读 · 0 评论 -
Electron - webview 标签
webview标签文档地址: webview 标签在一个独立的 frame 和进程里显示外部 web 内容。使用 webview 标签在Electron 应用中嵌入 “外来” 内容 (如 网页)。"外来"内容包含在 webview 容器中。 应用中的嵌入页面可以控制外来内容的布局和重绘。注意:By default the webview tag is disabled in Electron >= 5. 在构造 BrowserWindow 时,需要通过设置 webviewTag webPre原创 2021-01-08 15:05:07 · 897 阅读 · 0 评论 -
Electron - Process进程对象、File对象
进程对象文档地址: https://www.electronjs.org/docs/api/process可以获得系统参数,比如内存,系统版本,进程ID等等。在renderer.js中写页面的JS代码,为了使用process对象和require等,需要在main.js文件中,创建窗口时,在webPreferences中配置 nodeIntegration: true 项。// main.jsconst mainWindow = new BrowserWindow({ width:原创 2020-11-17 22:49:55 · 403 阅读 · 0 评论 -
Electron - 常用api事件
app常用事件文档地址:http://electronjs.org/docs/allready: 当Electron完成初始化时被触发window-all-closed: 所有窗口被关闭before-quit: 在应用程序开始关闭窗口之前触发will-quit: 当所有窗口都已关闭并且应用程序将退出时发出quit: 在应用程序退出时发出webContents常用事件文档地址: https://www.electronjs.org/docs/api/web-contentsdid-fi原创 2020-11-17 19:20:09 · 889 阅读 · 0 评论 -
Electron - 跨平台桌面应用程序开源库简单介绍
介绍Electron 是由Github开发,用HTML,CSS和Javascript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。官网Electron代码官网例子运行git clone https://github.com/electron/electron-quick-start.gitcd electron-quick-startnpm i原创 2020-11-17 11:19:42 · 431 阅读 · 0 评论