一、背景最近有个获得用户mac地址的需求，IE内核浏览器可以利用ActiveX实现，但不能满足需求。想到使用electron项目客户端开发实现，electron基于node的，node是可以获得网卡的物理地址的。本文我们先初始化项目。二、electron简介Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌
转载
2024-01-08 16:37:01
161阅读
作为一个开发桌面端应用的框架，Electron有很多与桌面端相关的东西。该框架能够提供全部的Node API和完整的桌面开发生态。它能够运行在所有的主流浏览器上。因为Electron是基于web结构的，你可以使用最新的CSS样式来布局你的UI。 有很多文章都介绍了如何开始使
转载
2023-07-20 14:29:25
138阅读
在使用 Electron 开发桌面应用时，常会遇到页面加载时无法引入 jQuery 的问题。这对开发者来说无疑是一种挫折，但通过一系列的定位和调整，我们能够有效地解决这一问题。
### 背景描述
在2023年的某个工作日，我在开发一个新的桌面应用时，遇到了一个令人困扰的错误。页面打开时，jQuery 并没有正确加载，这导致了许多依赖于 jQuery 的代码无法正常运行。经过一番摸索，通过定义问题
## Electron和jQuery的结合
### 介绍
Electron是一个使用HTML、CSS和JavaScript构建跨平台桌面应用程序的框架。它结合了Node.js和Chromium，使得开发人员可以使用Web技术创建功能强大的桌面应用。而jQuery是一个广泛使用的JavaScript库，简化了HTML文档的操作、事件处理、动画效果等。
将Electron和jQuery结合使用，
原创
2023-10-13 13:06:40
69阅读
需求背景：在软件里加入第三方登录小窗进行软件的登录。方案方案一第一个方案决定使用 iframe 加载第三方 web 登录网址。但是发现当页面点击登录重定向到二级过度登录页面时，会报跨域的错误。方案二于是决定尝试使用 webview 来内嵌这个第三方登录页面。踩坑过程electron : 10.0.1
vue : 2.5.161、在主进程里需要允许主窗口使用 webviewTag：const win
打造你的第一个Electron应用Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体，而不是 Web 服务器。这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看
转载
2023-12-14 13:46:52
92阅读
# 如何在 Electron 项目中引入 jQuery
在现代桌面应用开发中，Electron 作为一种流行的框架，允许我们使用网页技术（如 HTML, CSS 和 JavaScript）构建跨平台桌面应用。jQuery 是一个强大的 JavaScript 库，它能够简化 DOM 操作、事件处理等任务。在这篇文章中，我们将系统地学习如何在 Electron 项目中引入 jQuery。
## 一
# 在Electron项目中引入jQuery的步骤
如果你是刚入行的开发者，也许会对如何在Electron项目中引入jQuery感到困惑。虽然这个过程并不复杂，但每一步都需要小心操作。本文将为你详细介绍整个流程以及每一步所需的代码。
## 总体流程
在开始之前，我们首先概述一下整个流程。以下是引入jQuery的步骤：
| 步骤 | 描述 |
|---
# Electron使用jQuery实现开发
## 1. 整体流程
下面是使用Electron和jQuery实现的整体流程：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个新的Electron应用程序 |
| 2 | 配置应用的主进程和渲染进程 |
| 3 | 在渲染进程中加载jQuery库 |
| 4 | 使用jQuery编写前端界面 |
| 5 | 在主进程
原创
2023-10-04 07:07:53
395阅读
# Electron preloadjs jquery 实现步骤
## 简介
在本文中，我将教会你如何使用 Electron、preloadjs 和 jQuery 实现一个 Electron 应用程序。Electron 是一个开源的框架，可以帮助你使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。preloadjs 是一个用于加载和预加载资源的 JavaScript 库
原创
2023-08-29 14:23:19
332阅读
在使用 Electron 开发应用时，很多开发者会遇到“Electron jQuery 无效”的问题。这通常会导致一些预期的功能无法正常使用，令人困扰。今天我们就来探讨一下如何解决这个问题，并详细记录解决这个问题的全过程。
## 环境预检
在开发之前，我们需要确认我们的开发环境是否符合要求。下面是一个系统要求的表格，以便我们检查我们的开发环境。
| 系统 | 版本
目前Electron在github上面的star量已经快要跟React-native一样多了这里吐槽下，webpack感觉每周都在偷偷更新，很糟心啊，还有Angular更新到了8,Vue马上又要出正式新版本了，5G今年就要商用，华为的系统也要出来了，RN还没有更新到正式的1版本，还有号称让前端开发者失业的技术flutter也在疯狂更新,前端真的是学不完的回到正题，不能否认，现在的大前端，真的太牛了
转载
2024-05-20 16:57:06
45阅读
一、使用预加载脚本1.为了演示这一概念，你将会创建一个将应用中的 Chrome、Node、Electron 版本号暴露至渲染器的预加载脚本；新建一个 preload.js 文件。该脚本通过 versions 这一全局变量，将 Electron 的 process.versions 对象暴露给渲染器。const { contextBridg
转载
2023-12-17 13:45:06
207阅读
在这篇博文中，我将分享如何使用 Electron 和 jQuery 开发一个简单的登录功能。这个过程将涵盖环境准备、分步指南、配置详解、验证测试、排错指南以及扩展应用等方面，让我们一起来看看吧！
## 环境准备
首先，我们要确保项目的环境设置正确。以下是一些前置依赖的安装步骤：
- **Node.js**：安装 Node.js，以便我们能够使用npm进行包管理。
- **Electron**
Electron、jQuery 与 Node.js 的兼容性通常会让开发者感到困扰，尤其是在处理前后端交互时。为了顺利地将 jQuery 集成到 Electron 中并确保与 Node.js 的兼容性，我整理了一系列的步骤和细节，以便分享给大家。本文将涵盖环境准备、集成步骤、配置详解、实战应用、排错指南和性能优化等方面。
## 环境准备
在准备工作中，我们首先需要确保所使用的技术栈的兼容性。对
在本博文中，我们将探讨如何使用 Electron 打包 jQuery 应用。通过全方位的指导，涵盖环境准备、分步指南、配置详解、验证测试、排错指南及扩展应用等多个方面，帮助你轻松完成这一过程。
## 环境准备
在开始之前，你需要确保你的开发环境符合以下软硬件要求：
### 软硬件要求
- **操作系统**：Windows、macOS、或 Linux
- **开发工具**：Node.js（建议
浏览器是多进程的最新的Chrome浏览器包括：浏览器主进程，GPU进程，网络进程，渲染进程，和插件进程等。Browser进程： 浏览器的主进程，只有一个。控制浏览器除标签页外的界面，负责浏览器界面显示，与用户交互，如前进，后退等。渲染进程： 默认一个标签页一个渲染进程(特殊情况下，渲染进程不一定每个标签页就一个，比如同一站点的页面间跳转就可能重用渲染进程。)，主要的作用为页面渲染，脚本执行，事件处
简介Electron是一个使用HTML、CSS和JavaScript构建桌面应用程序的框架。嵌入Chromium和nodejs到二进制Electron中，将允许在Windows上创建运行跨平台应用（Linux、MacOS）。所需知识点在使用Electron之前，需要掌握web开发以及nodejs,推荐在下边学习：来自Mozilla开发社区(Mozilla Developer Network)的we
转载
2024-05-16 07:26:51
58阅读
# 使用 Electron 渲染进程中的 jQuery 教程
Electron 是一个流行的桌面应用开发框架，可以让开发者使用 web 技术构建跨平台的桌面应用。jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作和事件处理。在本教程中，我们将一同实现如何在 Electron 的渲染进程中使用 jQuery。
## 整体流程
下面是实现这个目标的步骤：
| 步骤
Electron Forge 是一个用来构建现代化Electron应用的完善的工具。 Electron Forge将多个现有的（ 且有稳定维护的 ）Electron构建工具整合为一个简单易用的工具包，所有人都可以用它来快速地搭建Electron开发环境。其中forge支持的框架模版可以参考下面的网址：https://electronforge.io/templates使用yarn安装 electr
转载
2023-11-14 13:35:16
705阅读
