随笔分类 - electron
摘要：刚开始看到页面跳转，大家一般会想到用 window.location.href = './index.html'; 这样的代码。结果是可以跳转，但 DOM事件 基本都会失效。到最后还是使用的 electron 提供的 ipc 接口来创建新的窗口。 2-0、在接收到命令后创建下一个窗口（创建窗口需要时
阅读全文
摘要：为了使窗口无边框，使得在某些时候让项目看起来更美观，所以在创建窗口的时候通过设置 frame 属性的值为 false 来创建无边框窗口。但是无边框窗口会产生无法移动的问题，对于这个问题我们可以在渲染进程中通过编辑 css 文件来解决。 设置 -webkit-app-region: drag 把整个文
阅读全文
摘要：最近在了解Electron框架写应用，偶然发现在html中使用<script src="./jquery.js"></script>这种方式引入JQuery，明明引入了，程序中却始终报错显示：Uncaught ReferenceError: $ is not defined。 经查阅资料，发现不仅J
阅读全文
摘要：当在MacOS、Windows、Linux中使用menu设置程序菜单时，会设置在各个程序窗体的顶层。 Note: 如果没有在app中设置一个菜单，系统会自动生成一个默认菜单， 默认生成的菜单中包含了一些初始选项，例如 文件,编辑, 视图,窗口,帮助。
阅读全文
摘要：const { app, Menu, Tray } = require('electron'); //系统托盘图标目录 appTray = new Tray(path.join(__dirname, 'app1.png')); //设置此托盘图标的悬停提示内容 appTray.setToolTip('预审'); //设置托盘图标的上下文菜单（系统托盘右键菜单） var trayMenuTempla
阅读全文
摘要：学习一个新框架或者技术，最深入最全面的方法就是通过官方API，例如我们学习electron： 例如我们需要学习electron的BrowserWindow对象的使用，以及在创建她时我们可以配置的参数： 我们可以进入官网去查看文档： https://electronjs.org/docs 点击进去：
阅读全文
摘要：下面几个网站可以作为参考补充： https://wizardforcel.gitbooks.io/electron-doc/content/api/browser-window.html https://segmentfault.com/a/1190000008459541 https://www.
阅读全文
摘要：在之前的博客：3、electron打包生成exe文件 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？ 我们可以使用grunt-electron-installer来生成 一. 准备 安装grunt-electron-installer。 1.
阅读全文
摘要：在我的上一篇博客已经介绍了将electron程序生成一个exe可执行文件，但是这并不是最终能够发给用户用来安装的最终安装包，下面我们就介绍如何使用NISI将我们的应用程序打包成安装包： 上一篇博客我们在项目里面得到了一个out文件夹： 我们把out文件夹复制到桌面（不复制也可以，我是为了方便演示）：
阅读全文
摘要：打包方式1：DOS窗口命令打包 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器： 在项目文件夹下面，也就是根目录下面打开DOS执行打包命令： 各个参数介绍： 打包方式2：package.json设置打包： 建议将打包的命令设置在package
阅读全文
摘要：electron核心我们可以分成2个部分，主进程和渲染进程。 主进程： 主进程连接着操作系统和渲染进程，可以把她看做页面和计算机沟通的桥梁。 Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Ele
阅读全文
摘要：一、Electron是什么？ 官网：https://electronjs.org/ Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac
阅读全文
浙公网安备 33010602011771号