electron热更新
试用了下，electron 自带的热更新 并不是特别理想。想自己处理下载更新文件。刚好看到了网上有一个比较好的处理方式。试了下效果还可以。使用以下命令将此库包含在项目中：npm install request在脚本的顶部声明基本依赖项。var request = require('request');var fs = require('fs');将GET数据流式传输到文件输出...
2024-01-10
electron加载解析pdf
本文转载自：https://newsn.net/electron加载pdf的问题，还真是一个历史性的难题。说难也难，说简单也简单。本篇文章中，苏南大叔简要的说说，在electron中显示pdf文件的几个解决方案。来解答一下，在electron中，如何加载显示pdf的这个历史性谜团。通用方案一，pdf.js无视electron版本号，通用方案就是：...
2024-01-10
electron实现单实例方案
本文转载自：https://newsn.net/在electron的开发过程中，单实例的需求一直都存在。以前在electron2.x时代，有个解决函数叫做：makeSingleInstance。在electron3.x甚至electron4.x时代，出现了一个新的函数叫做：requestSingleInstanceLock。本文讲述的就是这两个函数的基本使用范例的。本文测试环境：mac。方案一：通...
2024-01-10
Electron整合VUE
mkdir electron-vuecd electron-vuenpm init# 安装时如果node install.js卡死，使用一下命令在安装export ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/export ELECTRON_CUSTOM_DIR=8.0.1npm i electron --save-devnpm i electron-is-dev --save-devnpm i concurrently wait-on --...
2024-01-10
electron托盘图标切换方案
在接下来本文的学习中，苏南大叔描述的依旧是electron的托盘图标。主要的文章切入点是：图标文件的设置及切换。electron程序，如何设置托盘按下样式？托盘图标切换方案（图2-1）本文测试环境：mac/[email protected]。本文中<ico>字样，代表着图标的路径信息，它的基础路径以及真实文件名称，都存...
2024-01-10
electron实现静默下载文件
本文转载自：https://newsn.net/electron程序，因为本身原理上是基于浏览器内核的。所以，浏览器上很常见的文件下载功能，在electron中，也是比较常见的。那么，本文中，苏南大叔要聊的话题就是：在electron的渲染进程里面，如果碰到了文件下载的情况，electron是怎么处理的呢？本文测试环境，mac。本文...
2024-01-10
electron实现任务栏闪动图标
本文转载自：https://newsn.net/苏南大叔在本文中对任务栏图标闪动的情况进行总结，在mac系统下，这个效果是相当不错的。当electron程序完成了一些操作之后，需要提醒用户操作完成了，就可以使用本文中的electron相关函数，来对用户进行提示。本文测试环境：mac、electron5.0.7。激活窗体代码如下...
2024-01-10
electron注册快捷键方式对比
本文转载自：https://newsn.net/苏南大叔在本文中，对目前electron的快捷键实现方式做个对比总结，每个方案都有各自的优势和劣势。至于哪个方案符合您，就需要您自己慢慢体会了。本文测试环境：mac。本文中所有的解决方案包括:全局快捷键const { globalShortcut } = require('electron')globalShortcut.register('f...
2024-01-10
mac版electron无法复制文字
本文转载自：https://newsn.net/苏南大叔偶尔间发现一个问题，那就是：在mac系统下，electron上的文字是无法复制的，没右键，也不响应热键。而在win10或者centos系统上面，同样的工程，却不存在这个很奇怪的问题，都是可以正常复制文字的（通过系统热键）。所以，苏南大叔想了一下：关于electron上无法...
2024-01-10
electron实现窗体最大化最小化
本文转载自：https://newsn.net/本文中，苏南大叔讲述electron窗体的最大化及最小化控制，听起来应该是挺简单的，没有啥好说的。但是，事实上，这里electron的窗体变化，会隐藏着很多大坑。本文中，苏南大叔就描述一下，electron窗体最大化最小化的那些事儿。注意：其中的状态最大化，并不是全屏状...
2024-01-10
Electron打包成应用程序
1.安装打包工具安装electron打包工具 electron-packager1npm install electron-packager -g2.配置打包命令命令格式为：1electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]我配置的命令如下：1234"scripts": { "start": "electron .", "pack": "electron-...
2024-01-10
electron自定义标题栏css样式
本文转载自：https://newsn.net/在electron程序中，总是有人要隐藏原本的标题栏，然后自己模拟一个标题栏出来。那么在模拟这个标题栏的过程中，会用到几个非常罕见的css属性，在本文中，苏南大叔对这些罕见css属性做个总结。而且这里提前说一句，通过css模拟出来的标题栏，在win系统下面，右键就是...
2024-01-10
electron如何获取网卡物理地址？
本文转载自：https://newsn.net/“electron程序，如何才能获得网卡物理地址呢？”经常有新人这么提问，苏南大叔是这么建议大家的，请换个角度来考虑问题。electron是基于node的，那么node如何获得网卡的物理地址呢？这个问题是不是就变得可信多了。大家要学会思考问题，而不是老做伸手党，对吧？...
2024-01-10
electron区分调试模式和生产模式
本文转载自：https://newsn.net/electron程序，如何区分是调试模式还是生产模式？这是很多新人会疑惑的问题。苏南大叔的本篇文章，也是从苏南大叔自身的经验角度，来说说这个问题，仅供参考，仅供参考，仅供参考。本文测试环境：mac。话说，阴阳本为一体，然混沌初开，一分为二，一为阴，一为...
2024-01-10
（一）Electron-vue项目创建
前言Electron 是使用JavaScript,HTML和CSS构建跨平台桌面的应用程序，目前兼容Mac/Windows和Linux。Electron-vue 是基于Vue来构造Electron应用程序的模板代码，初学者需要搞清楚两者之间的区别，不要混淆。一、环境准备在创建Electron-vue之前需要安装Node、vue和Electron,步骤如下：1、安装Node进入Node的官网https://nodejs...
2024-01-10
electron渲染进程定义上下文菜单
本文转载自：https://newsn.net/继续案例electron系列文章，本篇文章的内容是篇小小的水文。不过，苏南大叔就是想写这样的一篇水文。哈哈～ 讲述的内容是：如何在electron的渲染进程中，定义右键菜单？当然书面语上来说的话，就是上下文菜单。在阅读本篇内容之前，请阅读下面的前置阅读内容：本...
2024-01-10
如何保证electron只启动一个实例？
本文转载自：https://newsn.net/在您高高兴兴的构建了一个electron的exe后，是不是发现可以多次点开？可以同时存在多个实例？那么本文就是讲述如何在electron开发中，避免打开多个实例的。190121更新：本篇文章适合于目前electron所有版本，但是在electron3.x以后有个新的函数叫做：requestSingleInstanceLock，也...
2024-01-10
electron控制剪切板写入和读取文本
本文转载自：https://newsn.net/继续前几篇的clipbrd剪切板话题，在electron中，也是可以使用剪切板clipboard的。那么，继续实现类似的剪切板写入文本的需求的话，就是本文中主要讨论的话题：electron程序，如何控制剪切板写入和读取文本？本文测试环境：mac。需要明确的是：本文中的方法是electron所特...
2024-01-10
electron伪协议接收识别协议URL
本文转载自：https://newsn.net/苏南大叔接着描述electron中伪协议的参数处理，即调起electron程序之后，程序体如何根据参数的不同，做出进一步的操作，也就是说识别伪协议中的url部分。需要注意的是：这里的args和setAsDefaultProtocolClient()中的最后一个参数args是没有什么关系的，请不要把两者弄混淆。...
2024-01-10
如何快速下载electron预编译文件？
本文转载自：https://newsn.net/无论是选择electron-builder还是electron-packager，甚至其它的各种流行electron打包工具，总是会绕不开一个问题：脚本会下载特定版本的electron的prebuild版本。而对于国内的广大electron开发者来说，这个过程往往是非常漫长并且痛苦的。如何解决速度慢的这个问题呢？欢迎仔细阅...
2024-01-10
Vue+Electron实现简单桌面应用
之前一直使用C#编写桌面应用，也顺带写一些Web端应用。最近在看node时发现常用的vscode是用electron编写的，一种想吃螃蟹的念头就涌了上来。在网上找了找electron的资料，也研究了一下官方文档，发现electron app其实就是一个chrome浏览器，UI全部都是使用web端技术编写的，因为之前一直使用Vue来写Web应用...
2024-01-10
electron的getpath方法使用
实践一下electron的getPath()函数，这个函数还是非常有用的。通过传递不同的参数，可以获得不同的系统位置。具体传递什么参数得到什么结果，可以参考下面的测试结果。electron的getpath方法，都有哪些可用的参数？（图1-1）本文测试环境：mac用户主目录文件夹homeapp.getPath('home')/Users/sunan应用数据...
2024-01-10
electron获取被拖拽文件的路径信息
本文转载自：https://newsn.net/春风吹，战鼓擂，小伙伴们谁怕谁？大家每天都要努力，每天都要进步一点点。本文中，苏南大叔给大家带来的教程是：electron如何获取被拖拽文件的路径信息。本文的大部分代码，对于普通网页也有借鉴意义。但是关键的获取路径部分，只能在electron中跑通，在普通网页...
2024-01-10
electron实现qq快捷登录的方法示例
之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章!在写之前有两个问题:1: 打开qq授权页面点击页面中的链接会又打开一个页面! .....2: 授权之后是否成功很难去判断不过脑海中有一个想法就是,electron就是一个类似于浏览器一样,既然是浏览器那肯定可以阻止链接的点...
2024-01-10
Electron+Vue开发跨平台桌面应用
https://segmentfault.com/a/1190000021376934虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。Ele...
2024-01-10
