Electron
文章平均质量分 70
大前小白
哪有什么天才!
坚持做自己喜欢做的事情,这本身就是一种天赋。
展开
-
Electron 两种进程都可用的模块
下面是 Electron 中主进程和渲染进程都可以使用的模块:模块描述clipboard提供方法来供复制和粘贴操作crashReporter开启发送应用崩溃报告nativeImage在 electron 中获取图片可以通过文件的路径或是使用 nativeImage 对象screen检索屏幕的大小,显示,鼠标位置等的信息shell提供了集成其他桌面客户端的关联功能clipboard模块clipboard 模块提供方法来供复制和粘贴操作 。示例:原创 2021-06-02 21:23:23 · 292 阅读 · 0 评论 -
Electron 在渲染进程内可用的模块
下面是 Electron 中渲染进程可用的模块:模块描述desktopCapturer用来获取可用资源,这个资源可通过 getUserMedia 捕获得到ipcRenderer是一个 EventEmitter 类的实例,它提供了有限的方法,可以从渲染进程向主进程发送同步或异步消息,也可以收到主进程的相应remote提供了一个简单的跨进程之间通信的方法webFrame用来定制当前网页的渲染desktopCapturer模块desktopCapturer原创 2021-06-01 21:21:30 · 969 阅读 · 0 评论 -
Electron 在主进程内可用的模块
下面是 Electron 中主进程可用的模块:模块描述app负责控制应用程序的整个生命周期autoUpdater该模块提供了一个到 Squirrel 自动更新框架的接口BrowserWindow可以用于创建一个新的浏览器窗口contentTracing用来收集 Chromium 内容模块产生的跟踪信息dialog用来显示原生系统对话框,比如打开文件对话框global-Shortcut用来注册和注销全局的键盘快捷方式ipcMain该模块是原创 2021-05-31 14:52:36 · 466 阅读 · 0 评论 -
Electron 词汇术语表
本节我们来学习经常在 Electron 开发中使用的专业术语。ASARASAR 表示 Atom Shell Archive Format(Atom外壳存档格式),一个 ASAR 档案就是一个简单的 .tar 文件,也就是说是那些有关联的文本文件格式化到一个单独的文件中。并且 Electron 能够任意读取其中的文件而不需要解压整个文件。创建 ASAR 格式主要是为了提升 Windows 平台上的性能而创建。Brightray简单的将libchromiumcontent应用到应用中的一个静态库,该术原创 2021-05-30 20:43:12 · 160 阅读 · 1 评论 -
Electron 键盘快捷键
本节我们学习 Electron 中的键盘快捷键。在 Electron 中,键盘快捷键被称作加速器,它们能够分派到运用程序菜单中的操纵上,也能够全局分派,所以纵然你的运用程序没有取得键盘核心,它们也能够被触发。Electron 中有主进程和渲染进程这两种进行,所以我们可以分别在主进程中注册快捷键和在渲染进程中注册快捷键。主进程注册快捷键在主进程注册快捷键有两种方式,一种是利用 Menu 模块来模拟快捷键,二就是全局快捷键。本地快捷键我们可以使用 Electron 中的 Menu 模块来配置键盘快捷原创 2021-05-28 22:23:29 · 2788 阅读 · 0 评论 -
Electron 使用Widevine CDM插件
在 Electron 中 ,我们可以使用 Widevine CDM 插件装载 Chrome 浏览器 。获取插件Electron 没有为 Widevine CDM 插件配制许可 reasons,为了获得它,首先需要安装官方的 chrome 浏览器,这匹配了体系架构和 Electron 构建使用的 chrome 版本 。注意 Chrome 浏览器的主要版本必须和 Electron 使用的版本一样,否则插件不会有效,虽然 navigator.plugins 会显示你已经安装了它 。Windows &原创 2021-05-27 21:42:36 · 1011 阅读 · 1 评论 -
Electron 使用Pepper Flash插件
Electron 中支持 Pepper Flash 插件的使用。想要在 Electron 里面使用 Pepper Flash 插件,我们需要手动设置 Pepper Flash 的路径,并且在应用程序中启用 Pepper Flash。保留一份 Flash 插件的副本在 macOS 和 Linux 上,我们可以在 Chrome 浏览器的 chrome://plugins 页面上找到 Pepper Flash 的插件信息。插件的路径和版本会对 Election 对其的支持有帮助。你也可以把插件复制到另一个路径原创 2021-05-26 21:34:51 · 926 阅读 · 0 评论 -
Electron DevTools扩展
为了使调试更容易,Electron 原生支持 Chrome DevTools 扩展。对于大多数 DevTools 的扩展,我们可以直接下载源码,然后通过 BrowserWindow.addDevToolsExtension 加载它们。Electron 会记住已经加载了哪些扩展,所以不需要每次创建一个新 window 时都调用 BrowserWindow.addDevToolsExtension。如何加载一个DevTools扩展程序要在 Electron 中加载一个扩展,需要在 Chrome 浏览器中下原创 2021-05-25 21:19:18 · 433 阅读 · 0 评论 -
Electron 使用Selenium和WebDriver
本节我们来学习如何在 Electron 下使用 Selenium 和 WebDriver。SeleniumSelenium 是 ThoughtWorks 提供的一个强大的基于浏览器的开源自动化测试工具。Selenium 是一个用于 Web 应用程序测试的工具,测试直接自动运行在浏览器中,就像真正的用户在手工操作一样。支持的浏览器包括 IE、Chrome Opera、Firefox 等。这个工具的主要功能包括:测试与浏览器的兼容性,测试应用程序是否能够很好地工作在不同浏览器和操作系统之上。测试系统原创 2021-05-24 19:17:04 · 2682 阅读 · 2 评论 -
Electron 主进程调试
Electron 浏览器窗口的开发工具 devtools 只能调试在该窗口中执行的 JavaScript(比如 web 页面)。要调试在主进程中执行的 JavaScript,我们需要使用外部调试器。Electron 提供了 --inspect 和 --inspect-brk 开关来实现这一操作。命令行开关我们可以使用如下的命令行开关来调试 Electron 的主进程。--inspect=[port] :当这个开关用于 Electron 时,它将会监听 V8 引擎中有关 port 的调试器协议信息,默原创 2021-05-22 21:15:51 · 499 阅读 · 11 评论 -
Electron 支持的Chrome命令行开关
本节我们来看一下 Chrome 浏览器和 Electron 中支持的命令行开关。我们可以将这些命令行开发在 app 模块的 ready 事件发出之前使用 app.commandLine.appendSwitch 来添加它们到应用的 main 脚本中。示例:例如添加一个 remote-debugging-port 到应用的 main 脚本:const app = require('electron').app;// 添加命令行开关到脚本app.commandLine.appendSwitch('re原创 2021-05-21 21:17:26 · 1274 阅读 · 3 评论 -
Electron 使用Node原生模块
本节我们学习如何在 Electron 中使用 Node 原生模块。Electron 支持原生的 Node 模块,但由于和官方的 Node 相比,Electron 有可能使用一个和我们系统上所安装的 Node 不同的 V8 引擎,所以使用的模块需要重新编译才能使用。如果我们想编译原生模块,则需要手动设置 Electron 的 headers 的位置。如何安装原生模块有三种安装原生模块的方法,分别是 :为 Electron 安装并重新编译模块。通过 npm 安装原生模块。为 Electron 手动原创 2021-05-20 21:19:01 · 1794 阅读 · 0 评论 -
Electron 应用打包
为舒缓 Windows 下路径名过长的问题 issues,稍微加快 require 的速度以及简单隐匿源代码,我们可以选择把应用打包成 asar 档案文件,这只需要对源代码做一些很小的改动。大部分用户可以轻松实现这个功能,因为它在 electron-packager、electron-forge 和 electron-builder 中都得到了支持,开箱即用。生成asar包asar 是一种将多个文件合并成一个文件的类 tar 风格的归档格式。Electron 无需解压整个文件,就可以从其中读取任意文件内原创 2021-05-18 21:12:24 · 573 阅读 · 0 评论 -
Electron 应用部署
本节我们学习 Electron 的应用部署。如果我们要使用 Electron 部署我们的应用程序,则需要进行打包和重塑。可以使用下面几个第三方打包工具来实现:electron-forgeelectron-builderelectron-packager这些打包工具将覆盖发布一个 Electron 应用所需采取的所有步骤,例如打包应用程序,重组可执行程序,设置图标和可配置的创建安装程序。手动发布我们可以选择手动发布我们的 app,为了使用 Electron 部署你的应用程序,需要下载 Elec原创 2021-05-17 20:26:05 · 470 阅读 · 0 评论 -
Electron 主进程和渲染进程
本节我们来学习什么是主进程和渲染进程,主进程与渲染进程之间有什么区别,主进程和渲染进程之间的通信。下面我们先来看一下进程的概念。进程(Process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础。什么是主进程在 Electron 中,启动项目时运行的 main.js 脚本就是我们说的主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。一个 Electron 应用有且只有一个主进程。并且创建窗口等所有系统事件都要在主进程中进原创 2021-05-16 20:35:07 · 496 阅读 · 0 评论 -
Electron 环境变量
本节我们来学习 Electron 中的环境变量,环境变量主要是用来控制应用程序配置和行为而不用更改代码。某些 Electron 行为是由它控制的,因此它们比命令行标志和应用程序的代码更早初始化。我们可以将环境变量分为两种:生产环境相关变量和开发环境相关变量。生产环境相关变量生产环境相关变量常用于在打包后的 Electron 应用程序运行时使用。有下面几种:NODE_OPTIONS:Electron 包括对 Node 的 NODE_OPTIONS 的子集支持,除与 Chromium 使用 Borin原创 2021-05-15 20:29:15 · 1441 阅读 · 1 评论 -
Electron 模板和命令行界面
Electron 的开发并不是十分死板的,也就是说开发、编译、打包与发布 Electron 应用程序的方法中, 没有一个是可以称为 “唯一标准” 的方法。Electron 的编译和运行时相关额外功能通常可以在 npm 的独立安装包中找到,这样开发者就可以根据自己的需求同时编译应用和 build pipeline。模板与命令行界面一个模板就像是一张空白的画布,我们可以以它为基础来搭建应用。 一般我们可以从一个代码仓库克隆一个模板,然后修改成自己想要的样子。命令行工具在开发和分发过程中可以给我们提供很大的原创 2021-05-14 20:14:39 · 832 阅读 · 0 评论 -
Electron简单例子
Electron 可以使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。我们可以把它看作一个 Node. js 的变体,它专注于桌面应用而不是 Web 服务器端。从开发的角度来看,Electron 应用本质上是一个 Node. js 应用程序。 与 Node.js 模块相同,应用的入口是 package.json 文件。 一个简单的 Electron 项目包含三个基本文件:package.json,index.hmtl,main.js 。package.json 是 Node.j原创 2021-05-08 11:22:12 · 688 阅读 · 1 评论 -
Electron 安装
本节我们来学习 Electron 的安装。要安装 Electron ,首先需要保证本地已经安装好了 Node.js。Node.js的安装Node.js 的官网地址为:https://nodejs.org/en/,进入官网页面如下所示:推荐下载 LTS 版本,下载好后,执行安装程序,根据引导完成安装即可。安装完成后,我们需要确认 Node.js 是不是可以正常工作。可以通过在命令行工具中输入如下命令来检测是否安装成功:$ node -v$ npm -v如下图所示,如果这两个命令均显示版本号则原创 2021-05-06 13:45:02 · 5008 阅读 · 1 评论 -
Electron 简介
本教程我们来学习 Electron 的基础知识,下面我们先来学习一下什么是 Electron。Electron是什么Electron 是是 GitHub 开发的一个开源框架。它允许使用 Node.js(作为后端)和 Chromium(作为前端)完成桌面 GUI 应用程序的开发。Electron 可以用于构建具有 HTML、CSS、JavaScript 的跨平台桌面应用程序,它通过将 Chromium 和 node.js 合同一个运行的环境中来实现这一点,应用程序可以打包到 Mac、Windows 和原创 2021-04-30 11:21:31 · 11225 阅读 · 2 评论