electron实现圆角窗体
本文转载自：https://newsn.net/在electron开发群体中，有着大量的开发人员，希望自己的窗体是个不规则窗体。例如如下需求：自定义标题栏，在标题栏上加个新按钮，干掉某个标题栏按钮，或者要求窗体为圆角边框，要求窗体为圆形窗体等等。这些需求的实现，都需要用到本文中的思路。本文的主要讲...
2024-01-10
Electron 概述简介
一、Electron 是什么？1、Electron 是由 github 开发的开源框架2、允许开发者使用 Web 技术构建跨平台的桌面应用Electron = Chromium + Node.js + Native APIChromium：为 Electron 提供了强大的 UI 能力，可以不考虑兼容性的情况下，利用强大的 Web 生态来开发界面。Node.js ：让 Electron 有了底层的操作能力，比如文件的读...
2024-01-10
electron-vue离线打包
参考这两偏文章https://blog.csdn.net/u010982507/article/details/101236913工具安装，这是另一个报错问题了，我个人是通过这个解决的https://blog.csdn.net/zw521cx/article/details/117368970...
2024-01-10
Electron 运行流程
一、Electron 的运行流程读取 package.json 的中的入口文件，这里我们是 main.jsmain.js 主进程中创建渲染进程读取应用页面的布局和样式使用 IPC 在主进程执行任务并获取信息二、Electrn的主进程和渲染进程我们可以理解 package.json 中定义的入口文件就是主进程,那一般一个程序只有一个主进程，而我们可...
2024-01-10
electron禁用文件拖放事件
本文转载自：https://newsn.net/electron 软件做的在好，其内核也是基于chrome的网页，这个是不争的事实。那么在前几篇的文章里面，大家可以知道，对于electron来说，一些网页属性都还是可以感知到的，比如滚轮放大事件，页面刷新事件等等。本篇文章中，讲述的是：另外的一个浏览器残留的特性，就是拖...
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打包慢卡的问题
前言这两天搞了一个electron项目，代码2小时，打包1天。因此写个文章给打包困难的朋友。1.安装electron-buildernpm install electron-builder --save-dev2.更改npm的源和版本设置这个设置可以在你执行安装依赖之前就设置好//你可以使用终端输入命令npm set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/npm set ELECTRON...
2024-01-10
electron设置加入开机启动项
本文转载自：https://newsn.net/苏南大叔在以前的文章中，案例过一款第三方代码node-auto-launch，功用就是控制electron或者nwjs加入开启启动项，相关链接见文末。在本文中，苏南大叔将要介绍的功能是针对electron的。electron程序，如何设置加入开机启动项呢? electron官方提供的相关代码功能，并不需要安...
2024-01-10
electron实现任务栏闪动图标
本文转载自：https://newsn.net/苏南大叔在本文中对任务栏图标闪动的情况进行总结，在mac系统下，这个效果是相当不错的。当electron程序完成了一些操作之后，需要提醒用户操作完成了，就可以使用本文中的electron相关函数，来对用户进行提示。本文测试环境：mac、electron5.0.7。激活窗体代码如下...
2024-01-10
electron伪协议获取URL参数
本文转载自：https://newsn.net/苏南大叔最近的文章，讲述了一系列伪协议相关的文章，里面多次涉及到了参数这个概念。不过，这些参数却是看起来类似，实际上有很大不同，并且相互之间有影响关系。在本文中，苏南大叔将对electron伪协议相关代码，进行整体总结。本文测试环境 ：win10。设置的...
2024-01-10
electron区分asar打包模式
本文转载自：https://newsn.net/“成也asar，败也asar”。asar打包可以隐藏代码逻辑，减少文件数量，但是asar也带来了第三方资源加载失败的问题。在上一篇文字中，苏南大叔描述了：针对electron-packager，如何处理第三方资源。但是，也在文末留下了个伏笔，那就是：第三方资源定位位置做处理后，相关代...
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修改生成文件名称为中文
本文转载自：https://newsn.net/可以说，本文的话题，又是electron开发中的一个常见谜题之一。那就是，如何修改生成文件名为中文。当然，涉及到很多地方的英文名字换成中文名字。最终生成的文件名是和package.json里面的name一致的，但是修改package.json里面的name为中文的时候，是直接报错的。那么，elect...
2024-01-10
electron仿QQ实现托盘图标闪动
electron程序，如何仿QQ实现托盘图标闪动功能？在本文中，苏南大叔来描述这个需求的解决方案。其中，涉及到图标切换的问题，另外，还涉及到一个setInterval的使用问题。所以，本文其实是有些水的，涉及到的知识点非常简单。大家看完内容之后，就会恍然大明白。原来这么简单啊...electron程序，如...
2024-01-10
electron自定义标题栏css样式
本文转载自：https://newsn.net/在electron程序中，总是有人要隐藏原本的标题栏，然后自己模拟一个标题栏出来。那么在模拟这个标题栏的过程中，会用到几个非常罕见的css属性，在本文中，苏南大叔对这些罕见css属性做个总结。而且这里提前说一句，通过css模拟出来的标题栏，在win系统下面，右键就是...
2024-01-10
到底运行的是哪一个electron版本?
本文转载自：https://newsn.net/大家好，苏南大叔这次写一篇水文。主题就是：electron命令的运行方法。比如：全局安装了个electron，项目下面还安装了一个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判断mac系统外观配色模式
本文转载自：https://newsn.net/上一篇文字的图标模式中，引出了mac系统的外观配色模式的概念。那么，在本篇文章中，苏南大叔要案例的内容就是：在electron程序中，如何实时检测，mac系统的外观配色方案。切换外观模式切换外观模式的方法是：在“系统偏好设置”的“通用”里面，进行切换。ma...
2024-01-10
electron创建桌面应用(vue框架)
创建项目点击这里添加electron-builder1、在项目目录下运行命令：vue add electron-builder2、electron-builder添加完成后会选择electron版本，直接选择最新版：electron下载失败vue add electron-builder下载electron会下载失败，使用淘宝镜像下载:cnpm i electron窗体运行1、下载完成后尝试运行electron窗体：npm run electron:serve...
2024-01-10
electron实现qq快捷登录的方法示例
之前本来想不写这个功能的,结果客户死活要qq登录! 实在没办法就写了,顺便写个文章!在写之前有两个问题:1: 打开qq授权页面点击页面中的链接会又打开一个页面! .....2: 授权之后是否成功很难去判断不过脑海中有一个想法就是,electron就是一个类似于浏览器一样,既然是浏览器那肯定可以阻止链接的点...
2024-01-10前端Electron新手入门教程详解
Electron 是什么定义Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史2013年的时候，Atom编辑器问世，作为实现它的底层框架Electron也逐渐被熟知，到2014年时被开源，那时它还是叫Ato...
2024-01-10
