electron实现圆角窗体
本文转载自:https://newsn.net/在electron开发群体中,有着大量的开发人员,希望自己的窗体是个不规则窗体。例如如下需求:自定义标题栏,在标题栏上加个新按钮,干掉某个标题栏按钮,或者要求窗体为圆角边框,要求窗体为圆形窗体等等。这些需求的实现,都需要用到本文中的思路。本文的主要讲...
2024-01-10electron注册全局快捷键
本文转载自:https://newsn.net/本文中,苏南大叔讲述的是一个非常简单的electron功能,就是快捷键注册。虽然在传统的网页之中,很少有注册快捷键的说法,而electron作为客户端软件的一个技术方案,注册快捷键的需求还是存在的。在electron的体系中,快捷键主要分为三类,菜单快捷键/全局快捷键/窗口...
2024-01-10electron禁止选择页面文字
本文转载自:https://newsn.net/苏南大叔再来普及一个非常常见的electron需求的写法,那就是:窗口内的文字不能被选中(复制)。这个对于客户端来说,这个需求还算是比较合理的。因为毕竟这个客户端不同于网页,如果窗体内的文字可以被任意选中复制的话,确实是有些怪异。那么,本文就是讲述,...
2024-01-10electron log日志调试
本文转载自:https://newsn.net/大家在electron的开发过程中,可能会遇到白屏的情况。在苏南大叔的以前的文章中,已经对白屏的情况做了一些调试工作。具体见这里:electron的log调试手段,可用于白屏调试(图12-1)在本篇文章中,苏南大叔将补充说明2个参数,用于electron的log调试。本文的实验基...
2024-01-10electron禁用页面缩放事件
本文转载自:https://newsn.net/本文中,苏南大叔讲述个很现实的electron的小问题,那就是electron会响应一些浏览器事件的问题。虽然,在网页的角度上说,这些事件是无法避免的。但是对于electron来说,这些事件的响应,显然是不妥当的。因为毕竟electron对标的可是原生的客户端,如果客户端去响应一些...
2024-01-10electron禁用页面刷新事件
本文转载自:https://newsn.net/本文继续说明,electron中的页面刷新事件。在调试过程中,这个页面刷新功能(快捷键)还是很好用的。但是,一旦进入生产模式后,这个页面刷新功能,对于用户来说,就是比较诡异的了。对于用户来说,普通未加处理过的electron是不会响应f5事件的。但是会响应ctrl+r/comma...
2024-01-10electron强制刷新缓存方案
对于网页来说,禁用缓存的办法很多,这里就不一一描述。本篇文章描述的是,如何利用electron的方式来禁用缓存。此方案是electron独有的禁用方式,即Electron支持的Chrome命令行开关,和现有的任何网页技术都没有关系。electron 如何禁用本地缓存?强制刷新缓存方案(图7-1)本文的测试环境:mac/[ema...
2024-01-10electron实现最小化到托盘
本文转载自:https://newsn.net/在window平台上,很多程序逻辑,都喜欢改写窗体关闭事件,更改为最小化到系统托盘的功能。而在mac系统中,系统默认会对所有的程序,都改写窗体关闭事件,区别就是不会自动添加系统托盘功能。那么,如何实现这种程序关闭功能改写呢?请阅读苏南大叔带来的本篇经验...
2024-01-10Electron 概述简介
一、Electron 是什么?1、Electron 是由 github 开发的开源框架2、允许开发者使用 Web 技术构建跨平台的桌面应用Electron = Chromium + Node.js + Native APIChromium:为 Electron 提供了强大的 UI 能力,可以不考虑兼容性的情况下,利用强大的 Web 生态来开发界面。Node.js :让 Electron 有了底层的操作能力,比如文件的读...
2024-01-10electron-vue离线打包
参考这两偏文章https://blog.csdn.net/u010982507/article/details/101236913工具安装,这是另一个报错问题了,我个人是通过这个解决的https://blog.csdn.net/zw521cx/article/details/117368970...
2024-01-10在electron.js中打开文件
我想制作electronjs文本编辑器应用程序,我希望能够使用编辑器内编写的脚本打开新窗口。例如,我在我的编辑器中有小脚本,当我在浏览器中按下打开时,它会打开并加载到浏览器窗口中。这是我的代码的一部分。在electron.js中打开文件function createWindow() { // Create the browser window. mainWindow = new Bro...
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-10electron设置加入开机启动项
本文转载自:https://newsn.net/苏南大叔在以前的文章中,案例过一款第三方代码node-auto-launch,功用就是控制electron或者nwjs加入开启启动项,相关链接见文末。在本文中,苏南大叔将要介绍的功能是针对electron的。electron程序,如何设置加入开机启动项呢? electron官方提供的相关代码功能,并不需要安...
2024-01-10electron主进程和渲染进程通信
本文转载自:https://newsn.net/electron分为主进程和渲染进程,主进程和渲染进程进行通信的时候,就需要用到ipc这个特性。而ipc又分为ipcMain和ipcRenderer两个方面,分别用于主进程和渲染进程。本文中,苏南大叔就ipcMain和ipcRenderer这两个特性进行简要描述。本文例子,来自于 https://electron.org.cn/doc/api/ipc-ma...
2024-01-10electron设置窗体尺寸宽度高度
本文转载自:https://newsn.net/说起electron窗口尺寸的设置,其实听起来应该是极其简单自然的事情,没有什么可以写的。不就是设置electron的BrowserWindow的width和height么?但是,对于electron的窗体来说,这些参数的设置,还真是有些复杂。因为各个参数之间总是相互影响的。那么,就会导致预期和实际有所...
2024-01-10electron创建自定义上下文菜单
本文转载自:https://newsn.net/本文中,苏南大叔将要描述的是electron如何创建上下文菜单,上下文菜单其实就是平时大家常说的右键菜单。但是,需要明确的是:这个上下文菜单其实鼠标左键也可以触发的。或者说:上下文菜单的触发,并不局限于右键。本文测试环境:mac。基础龙套项目源码是electr...
2024-01-10electron伪协议获取URL参数
本文转载自:https://newsn.net/苏南大叔最近的文章,讲述了一系列伪协议相关的文章,里面多次涉及到了参数这个概念。不过,这些参数却是看起来类似,实际上有很大不同,并且相互之间有影响关系。在本文中,苏南大叔将对electron伪协议相关代码,进行整体总结。本文测试环境 :win10。设置的...
2024-01-10Electron-vue怎么让页面更新
问题描述目前遇到的问题是使用fs模块读取多个文件夹,想在读取每个文件夹时在页面显示“当前正在读取XXXX”,但是现在的情况是一整块代码块运行完后,页面才会更新。也就是期望如果要读取三个文件夹,在data中定义了msg字段,就按遍历顺序给msg赋值“正在读取1”“正在读取2”“正在读取3”,结果目前效果是直接只会显示“正在读取3”问题出现的环境背景及自己尝试过哪些方法因为是初用electron-vu...
2024-02-29electron修改生成文件名称为中文
本文转载自:https://newsn.net/可以说,本文的话题,又是electron开发中的一个常见谜题之一。那就是,如何修改生成文件名为中文。当然,涉及到很多地方的英文名字换成中文名字。最终生成的文件名是和package.json里面的name一致的,但是修改package.json里面的name为中文的时候,是直接报错的。那么,elect...
2024-01-10electron仿QQ实现托盘图标闪动
electron程序,如何仿QQ实现托盘图标闪动功能?在本文中,苏南大叔来描述这个需求的解决方案。其中,涉及到图标切换的问题,另外,还涉及到一个setInterval的使用问题。所以,本文其实是有些水的,涉及到的知识点非常简单。大家看完内容之后,就会恍然大明白。原来这么简单啊...electron程序,如...
2024-01-10electron设置模态窗口(父子窗口)
本文转载自:https://newsn.net/electron程序,如何设置父子模态窗体?注意:本文中苏南大叔描述的是模态窗口,就是一个窗口在另外一个窗口的前面。如果置顶的窗口不关闭的话,主窗体也无法进行任何操作。本文测试环境:mac/win10。传统写法这里首先要说明一点:在传统的html页面中,是通过window....
2024-01-10electron判断mac系统外观配色模式
本文转载自:https://newsn.net/上一篇文字的图标模式中,引出了mac系统的外观配色模式的概念。那么,在本篇文章中,苏南大叔要案例的内容就是:在electron程序中,如何实时检测,mac系统的外观配色方案。切换外观模式切换外观模式的方法是:在“系统偏好设置”的“通用”里面,进行切换。ma...
2024-01-10electron禁用滚动条、自定义滚动条样式
本文转载自:https://newsn.net/本期的主题是:electron的滚动条。electron作为一个模拟客户端的软件,其滚动条按理来说,是不应该出现的。那么本文的主要内容,就从两个维度上展开:第一,禁用滚动条。第二,自定义滚动条样式。需要特别说明的是:本文中的内容,不仅仅适用于electron,任何网页类...
2024-01-10electron mac系统设置托盘模版图标
本文转载自:https://newsn.net/大家好,苏南大叔继续说electron图标的事情。本文介绍的内容,还是mac专属的内容,其它操作系统的小伙伴,基本上可以不用看了。具体上来说,就是mac的外观自适应托盘图片的事情。苏南大叔个人不是太喜欢这个黑白的图标。不过,这个是人家苹果的规范,大家执行就对...
2024-01-10electron添加系统顶部菜单定义菜单事件
本文转载自:https://newsn.net/对于一般的入门级electron程序来说,大多数人应该不会设置顶部菜单。而且很多人会希望把顶部菜单设置为空,如果您希望设置顶部菜单为空的话,可以参考底部相关链接。在本文中,苏南大叔将要讲述应用程序菜单的基本设置姿势。本文测试环境:mac/electron-quick-start。...
2024-01-10