Electron使用指南之初体验

最新推荐文章于 2024-08-27 20:30:00 发布
最新推荐文章于 2024-08-27 20:30:00 发布
阅读量1.4k 收藏
点赞数
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53225741/article/details/126115153
版权
本文介绍了Electron，一种允许使用JavaScript、HTML和CSS构建跨平台桌面应用的技术。通过Electron，开发者可以利用Vue、React等前端框架创建Mac、Windows和Linux应用程序。文章详细阐述了Electron的主进程和渲染进程原理，以及它如何结合Chromium和Node.js实现进程间通信和对原生功能的控制。
摘要由CSDN通过智能技术生成

Electron 介绍

1、概览

想必你已经听说了可以应用electron来构建令人惊叹的桌面应用程序！

长期以来，很多开发语言都保留了生成桌面应用程序的功能，比如C和Java，但是用这些语言来构建应用程序是非常困难的。

我们利用JavaScript，HTML和CSS这些Web技术来构建单个应用程序，然后为Mac windows 和 Linux 编译该应用程序。

最低0.47元/天 解锁文章
AI画手小王
关注
【踩坑记】如何解决前端调试无法显示正确的soureceMap映射，并且无法在控制台断点调试的问题
Wonder233的学习博客
07-01 1365
前端无法在调试控制台断点调试且无法显示正确的源文件。
记Electron初体验的踩坑之旅
weixin_44466651的博客
01-25 1081
为什么要写electron的背景就是，在平常的业务中因为项目需要做国际化，所以经常需要反复跳来跳去来复制i18n的key，然后又要在几千行的json文件中去找这个key在哪个对象里面。请注意，上述步骤只是一个基本的示例，你可以根据自己的需求进行更多的配置和定制。因为此前没有任何Electron的基础，所以第一时间是找到了大名鼎鼎的GPT先生，我向它具体阐述了我的需求，它很快的给出了它的答案了。请注意，无论你选择哪种方法，都应该谨慎控制渲染进程对主进程资源的访问，并遵循安全性最佳实践，以防止潜在的安全漏洞。
Electron采用的Chromium引擎是什么
橘导的博客
04-12 499
Chromium使用的绘制引擎是Blink，它是一个高性能的、开源的Web渲染引擎。另外，Chromium还包含了V8引擎，它是一个高性能的JavaScript解释引擎。综上所述，Chromium包含了Blink绘制引擎和V8 JavaScript解释引擎，这两个组件是Chromium能够渲染和执行Web内容的关键。除了上述引擎和组件，Chromium还包含了许多其他的功能和工具，如安全模块、插件系统、开发者工具等，这些都是为了提供更全面和强大的浏览器功能。
【Electron】Electron学习笔记
最新发布
墨苒孤的博客
08-27 1155
Electron是一个跨平台桌面应用开发框架，开发者可以利用HTMLCSSJavaScript等Web技术来构建桌面应用程序。它本质上是结合了Chromium和Node.js，目前广泛用于桌面应用程序开发。例如，许多桌面应用都采用了Electron技术。Electron官网以下这些都是使用了Electron: 一个流行的开源代码编辑器，由Microsoft开发。GitHub官方提供的桌面客户端，用于管理Git代码仓库。1Password: 一个密码管理工具，提供安全的密码保存和管理功能。新版QQ。
关于 Electron 内部集成的 Chromium
顺其自然~专栏
12-23 3917
大部分常用的功能都有集成进来。浏览网页，绘制出正确的网页以及交互这些都没问题。其它如chromium extension就没有集成，导致所有插件无法加载了。还有如内置的一些webui没有。 显然Electron不是一个完整的Chromium浏览器。 Electron内部集成的不是Chromium，而是Chromium的WebContent组件。然后Electron自行实现了GUI应用需要的框架支持。 比如，你在Electron中，找不到任浏览器必备的历史管理，书签管理，缓存管理。最素的Electr..
Electron 及其内置 Chromium 版本对应关系
qq_32482743的博客
09-30 5816
Electron 版本：13.1.17(2021-07-16) => Chromium 91.0.4472.124 Electron 版本：13.0.0(2021-05-25) => Chromium 91.0.4472.69 Electron 版本：12.0.15(2021-07-16) => Chromium 89.0.4...
Electron运行原理
k157507281的博客
08-13 5825
Electron 结合了 Chromium、Node.js 和用于调用操作系统本地功能的API。 文章目录ChromiumNode.js系统API主进程渲染进程 Chromium Chromium是Google为发展Chrome浏览器而启动的开源项目，Chromium相当于Chrome的工程版或称实验版，新功能会率先在Chromium上实现，待验证后才会应用在Chrome上，故Chrome的功能...
Electron 开发页面应用
coding...
11-08 894
Electron集成了包括chromium（理解为具备chrom浏览器的工具），nodejs，native apischromium：支持最新特性的浏览器。nodejs：js运行时，可实现文件读写等。native apis ：提供统一的原生界面能力。直接与操作系统通信。例如：系统通知，快捷键等。底层硬件的参数等。
Electron详解（一）：基本介绍
Java+GO+JS全栈工程师-鹤冲天的博客：编程辅导~商务合作~技术交流
06-06 1万+
Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源框架。Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核，使用Web技术来实现不同平台下的渲染，并结合了 Chromium、Node.js 和用于调用系统本地功能的Native API 三大板块。
近 20 人爆肝数周，写给初中级前端的万字高级进阶指南
yck199的博客
10-13 3340
因为微信公众号不支持打开外链，所以有兴趣获取资料的读者朋友可以公众号发送「资料」关键字或者打开 Github 链接（https://github.com/KieSun/all-of-fro...
Electron跨平台桌面应用技术大全
第7篇中文代码示例之Electron桌面应用开发初体验：Electron桌面应用开发需要使用中文代码，本篇文章将介绍中文代码示例之Electron桌面应用开发初体验。 第8篇CSS捡屎记//Web开发之精通CSS：CSS是Web开发的重要技术...
8K HDR!｜为 Chromium 实现 HEVC 硬解 - 原理/实测指南
字节跳动视频云
07-13 6011
如果有 HEVC 视频播放需求，不妨可以尝试一下 Chrome Canary 版本或预编译版本。
【chrome基础】Chrome、Chromium、libcef、electron版本关系大揭秘！
kinghzking的专栏
10-10 2020
Chrome、Chromium、libcef、electron 这四款浏览器有什么区别？Chrome 是基于 Chromium 开发的稳定版本，主要用于 Windows、macOS、Linux 等操作系统；Chromium 是 Chrome 的开源版本，存在一些 bug 和不稳定因素，但是更新速度更快，还支持更多的功能和扩展程序；libcef 则是 Chrome 和 Chromium 的底层引擎，主要负责渲染网页和执行 JavaScript 代码；
npm install出现一直停留在fetchMetadata: sill解决方法
江七
09-04 4530
主要是因为npm安装插件是从国外服务器下载，受网络影响大，一般网速不好的情况下，会等很久很久,有时还会直接断开连接。 解决办法 将npm的源换成淘宝镜像 使用下面命令更换源。 npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 输入命令执行后，输出内容如下，即代表更换成功。 https://registry.npm.taobao.org/ ...
Electron的使用技巧
wangwen_22的博客
03-04 1047
官方网站：https://www.electronjs.org/ 开发文档：https://www.electronjs.org/docs 1.功能介绍： Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建跨平台桌面应用。Electron 兼容 Mac、Windows 和 Linux，可以构建出三个平台的应用程序。 懂前端的同学学习electron上手很快。VScode，Whatsapp等都是使用electron开发。 2.如何安
Electron入门 01：快速入门
Naisu的各种笔记
10-28 9558
文章目录目的总结 目的 总结
electron—Chromium有酒,Node有肉
weixin_30613433的博客
10-08 314
谷歌V8引擎的出现，Node.js的诞生注定要把开发模式“搅乱”。 基于云应用，服务化，定制化的应用需求不断增加后使得传统的winform开发空间越来越小，而原来做前端的空间越来越大，Node.js 的出现，让所有做前端的同学眼前一亮，js可以写服务器啦。 { "name": "myapp", "version": "1.0.0", "description":...
使用npm安装electron不成功的解决方法
热门推荐
lazyboy's blog
11-25 3万+
使用npm安装electron不成功的解决方法根据官网提供的electron的npm安装方法，使用下面的命令进行安装，结果不成功npm install --save-dev electron-prebuilt错误提示electron-prebuilt已经改名为electron，重新使用npm install --save-dev electron进行安装，仍然不成功。通过查阅相关资料，了解到，可能是
修改Electron的libcc(libchromiumcontent)源码，重新编译electron， 设置event.isTrusted为true...
weixin_34372728的博客
07-08 1562
VPN非常注意： 　　编译的过程需要使用VPN, 否者chromium的源代码无法下载， 后面会出现总总问题 　　Electron的编译环境， 推荐使用物理机： 　　win10 64位 英文版， 为了避免后期出现编译文件， 推荐使用64为的win10 　　node-v6.11.0-x64， node版本最好在6.x， 高版本的可能编译不成功 　　python-2.7.10.amd64， ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值