更新依赖npm install --registry=https://registry.npm.taobao.org手动明跳转路由location.hash = '#/chat'手动获取当前路由window.location.hrefelectron常用配置"build": {
"productName":"xxxx",//项目名 这也是生成的exe文件的前缀名
"appId":
Electron作为一个跨平台的前端框架,已经闻名好多年了,现在开始学习可能显得有点晚,不过迟到总比没有强,从现在开始一步一步的学吧。遇到问题刚刚开始开发第一个demo,是参考的网上找的教程。 可能是这个教程出的还比较早,在跟随教程步骤开发时,Electron窗口虽然打开了,但里面一直没有内容。 后来通过调试工具发现报了一个require is not a function错误。 问题原因由于re
windows: C:\Users\%USERPROFILE%\AppData\Roaming\你的工程\logsmac: ~/Library/Application Support/你的工程 或者 ~/Library/Logs/你的工程
原创
2023-11-27 12:03:17
765阅读
**Electron** 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 `Chromium` 和 `Node.js` 到 二进制的 `Electron` 允许您保持一个 `JavaScript` 代码代码库,支持跨平台,一套代码可同时打包为Windows、macOS、Linux应用。
而 **Post-Tool** 就是基于
转载
2023-12-04 19:41:00
162阅读
electron 是什么?官网解释为:使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。可以看出,这个东西是为了让我们用html,javaScript,css开发的web应用和h5应用打包成一个桌面应用,比如说一个exe的安装包,或者一个mac的安装包。这样我们可以不用在浏览器打开我们的应用了。而且像腾讯 qq 一样直接运行。 大名鼎鼎的:VS code, faceboo
转载
2024-09-20 12:57:40
107阅读
一、介绍 ? ? ?Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验(这段话是来自官网)。这里我已经搭建好了项目 ??? 快速搭建Elec
转载
2024-02-12 07:34:43
549阅读
使用electron开发应用遇到了打印小票的功能,实现途中还是几经波折。开始选择了c-lodop这个web打印插件,该说不说啊这个用着是挺方便,他们的服务很多东西也完善,web可以直接打印html,静默打印不用弹出浏览器的打印界面,但打印出来的会有c-lodop的水印 本页由【试用版打印控件...】 。需要换一种实现了,查到electron有静默打印的方式有两种第一种:通过window的webco
转载
2024-08-12 14:21:17
415阅读
-这次把electron更新到了当前最新版本:16.0.6需要用yarn命令安装,否则node install.js容易安装失败;这次主要熟悉:预加载文件(preload)、菜单设置(Menu MenuItem)、导航设置、系统通知框(Notification)、消息框、确认框((dialog)、托盘(tray)、目录结构: pakage.json:{
"na
问题报错信息如图 上面的代码在dev模式下不报错,但是在build后,安装后,运行会提示错误,错误信息的大意是参数错误,原因应该是安装后的图片文件路径有问题,这块没有详细研究解决上面的问题的方法,是使用nativeImage代替字符串路径 new Tray(nativeImage.createFro ...
转载
2021-11-02 09:27:00
1425阅读
2评论
electron-log 可以记录日志到本地 首先通过npm i electron-log 来安装 通过const log=require('electron-log') 引入 设置 log.transports.file.resolvePath=()=>"your log path" 来改变日志的 ...
转载
2021-08-19 14:28:00
3909阅读
2评论
前言以文件形式缓存数据,保存Electron应用程序或模块的简单数据持久性-保存和加载用户首选项,应用程序状态,缓存等数据保存在app.getPath(‘userData’)中的JSON文件中。您可以在主进程和渲染器进程中直接使用此模块。app.getPath(name)-储存你应用程序设置文件的文件夹,默认是 appData 文件夹附加应用的名称。安装npm install electron-s
转载
2024-07-01 13:22:02
621阅读
ajax的url有两种,一种是绝对路径,另一种是相对路径。 一、绝对路径:包括协议名称、主机地址、端口、web项目名称等的完整请求路径。 例如: $.ajax({ url:"http://localhost:8080/webname/test" }); &n
转载
2018-09-20 13:07:00
63阅读
$.ajax({ type: 'get', url: 'json/beautylist.json', success: function (data) { &n
原创
2016-07-02 15:43:15
1535阅读
问题从何而来在做解除摄像头设备占用时,遇到了一个棘手的问题,就是视频窗口页面有太多的 video 标签交错使用。利用 stream.disposeMediaStream() 这种方法已经无法有效关闭占用摄像头的权限,于是想到通过 “退出视频窗口进行刷新” 的方式来解决摄像头设备被占用的问题。刷新的几种方法1.this.$router.go(0)go 函数的用法需要带参数,例如 go(-1
原创
精选
2022-06-08 14:52:50
2079阅读
点赞
最近一直在做Electron的项目,随着项目的上线,在此做一点总结。本文主要记录一些坑点,整个Electron的搭建流程有很多文章说的非常好了,就不赘述了。主要包括关于主进程和渲染进程通信的痛点持久化数据的方案选型打包后文件目录的访问权限关于主进程和渲染进程通信的痛点先看一下官方的说明Electron为主进程( main process)和渲染器进程(renderer processes)通信提供
转载
2024-01-20 17:39:07
148阅读
主进程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阅读
electron debugger在开发过程中我们经常需要对某一功能进行调试,electron也不例外。 electron有主进程和渲染进程,所以调试部分也分为两大块,即调试主进程和渲染进程渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具手动打开View->Toogle Developer Tools的方式打开 如下图:代码打
转载
2023-07-11 12:03:20
230阅读
在桌面程序中,使用C#语言可以创建winform和WPF程序,他们2个在Windows中都非常的优秀,还有就是使用QT开发桌面,可以跨平台开发,这三种都是比较“正规”的,而Electron是使用框架开发桌面程序的,还有其他的框架也可以开发桌面程序等等。下面介绍一下Electron开发桌面程序,只要会使用vue,那么使用Electron也非常的简单。官网如下:简介 | Electron本案例环境wi
转载
2024-07-26 07:54:17
452阅读
转载:(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用
转载
2024-05-28 17:27:03
90阅读