electron debugger在开发过程中我们经常需要对某一功能进行调试，electron也不例外。 electron有主进程和渲染进程，所以调试部分也分为两大块，即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图：代码打
转载
2023-07-11 12:03:20
230阅读
主进程api 1.1 Electron app 模块：app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块：这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块：BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
转载
2023-12-07 15:24:43
141阅读
五、Electron 191、什么是 Electron参见 PPT。2、Electron 初探2.1 常见的桌面GUI工具介绍名称语音优点缺点QTC++跨平台、性能好、生态好依赖多，程序包大PyQTPython底层集成度高、易上手授权问题WPFC#类库丰富、扩展灵活只支持Windows，程序包大WinFormC#性能好，组件丰富，易上手只支持Windows，UI差SwingJava基于AWT，组件
转载
2024-07-05 20:27:02
76阅读
转载：(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用
转载
2024-05-28 17:27:03
90阅读
在桌面程序中，使用C#语言可以创建winform和WPF程序，他们2个在Windows中都非常的优秀，还有就是使用QT开发桌面，可以跨平台开发，这三种都是比较“正规”的，而Electron是使用框架开发桌面程序的，还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序，只要会使用vue，那么使用Electron也非常的简单。官网如下：简介 | Electron本案例环境wi
转载
2024-07-26 07:54:17
452阅读
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点，整个Electron的搭建流程有很多文章说的非常好了，就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
转载
2024-01-20 17:39:07
148阅读
安装electron依赖。
原创
2024-08-18 15:32:35
76阅读
(1). 背景:①. 业务发展,需要用到桌面端技术:
a. 如离线可用、调用桌面系统能力.
②. 桌面端的开发方式:
a. Native、QT、Flutter、NW、Electron、Tarui1. 技术选型是ElectronElectron是一个可以使用Web技术来开发跨平台桌面应用的开发框架(1). 其技术组成如下:①. Electron = Chromium + Node.
原创
2023-11-06 17:03:08
126阅读
从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 应用启动的入口是一个与 Node.js 模块相同的 package.jsonyour-app/
├── package.json
├── main.js
└── index.html为你的新Electron应用创建一个新的空文件夹。 打开你的命令行工具，然后从该文件夹运行
转载
2023-11-09 16:20:55
164阅读
Electron与angular4结合实现热更新ELECTRON架构概况Renderer Process （渲染进程）Main Process（主进程）问题总结一、jQuery引入二、使用electron api三、主进程和渲染进程的理解四、electron 通过node-ffi调用 dll文件五、electron的生命周期六、使用electron-builder和electron-update
转载
2024-07-23 10:31:54
86阅读
Electron基础知识Electron介绍基础介绍桌面技术选型技术架构与原理Electron 快速上手1、 初始化工程2、安装依赖3、创建 HTML4、创建入口文件5、管理窗口的声明周期6、预加载脚本Electron 的流程模型1、主进程2、渲染进程3、预加载脚本Electron IPC 通信1、渲染进程给主线程发送消息，主线程回复2、主线程给渲染进程发送消息 Electron介绍Electr
转载
2023-11-03 21:36:48
220阅读
一、Electron简介Electron的应用，使得了JS不仅仅可以BS端项目，还可以做CS端项目。另外今天之所以研究下Electron，还是因为公司的需要，业务场景是，通过Electron.js开发出的桌面应用让客户可以通过这个桌面应用管理设备和资产，同时也可以监控对应的设备状态等等。传统的exe对于我们而言，太繁重了，不是很适合。当然了，负责这块的人不是我，我对此还是有点小兴趣，为此，还是在w
转载
2024-03-06 16:30:47
117阅读
官方网站：https://www.electronjs.org/ 开发文档：https://www.electronjs.org/docs 开发API：https://www.electronjs.org/zh/docs/latest/api/app注意：如果用的是最新的electron，应该看最新的文档，有可能出现api不兼容的问题。1.功能介绍： Electron 基于 Chromium 和
转载
2023-12-05 15:19:44
125阅读
Electron 学习文档：://electronjs.org/docs/tutorial/first-app概述1、Electron 可以使用 JavaScript 来调用原生（操作系统）APIs 来创建桌面应用。2、可以把 Electron 看作一个 NodeJs 的变体，它专注于桌面应用，而不是web服务器。3、Electron 不是某个图形界面库的 JavaScript
转载
2024-01-31 00:05:45
174阅读
打造你的第一个Electron应用Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体，而不是 Web 服务器。这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看
转载
2023-12-14 13:46:52
92阅读
什么是 Electron？介绍使用 JavaScript, HTML 和 CSS 构建跨平台（Windows、MacOs、Linux）的桌面应用——这是Electron官网的简介最初被GitHub开发，2013年4月11日以Atom Shell为名起步，2014年5月16日开源，2015年4月17日改名为Electron。组成Chromium : 为Electron提供了强大的UI能力，可以不考虑
转载
2024-04-24 13:12:48
131阅读
electron应用开发接口（API）分为6大模块：Main Process 模块、Renderer process模块、 自定义Dom元素、chromium和node.js、类和API结构。1、main process模块（主进程）：app ：控制应用程序的事件生命周期。 autoUpdater ：使应用程序能够自动更新。 BrowserView （浏览器视图）：browserWindow里的视
转载
2023-10-17 15:09:44
172阅读
一、背景最近有个获得用户mac地址的需求，IE内核浏览器可以利用ActiveX实现，但不能满足需求。想到使用electron项目客户端开发实现，electron基于node的，node是可以获得网卡的物理地址的。本文我们先初始化项目。二、electron简介Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌
转载
2024-01-08 16:37:01
161阅读
这一章虽然比较硬核，但大部分都是高中物理学过的知识
并且对于高中熟知的一些公式 (电压/电流有效值) 之类的将会给出推导 (毕竟现在会积分了)，所以还是很值得学习的一 part原子 AtomAll MATTERS are made of atoms.电子 electron: negatively charged atomic particles质子 proton: positively charg
转载
2024-04-12 22:36:26
132阅读
electron学习教程1.介绍2.五分钟快速上手2.1 先创建index.html文件2.2 再创建main.js文件2.3 再安装electron2.2 配置为入口文件2.5 运行3.自动刷新页面4.主进程和渲染进程5.自定义原生菜单5.1 自定义菜单5.2 给菜单定义点击事件5.3 抽离定义 打开调试5.4 自定义顶部菜单 支持拖拽5.5 点击创建新窗口5.6 点页面打开外部浏览器6 打开
转载
2024-06-12 10:36:43
140阅读
