• 2024-07-30Electron学习笔记(二)Hello World
    目录前言运行主进程创建界面使用窗口打开界面管理窗口的生命周期关闭所有窗口时退出应用(Windows&Linux)​如果没有窗口打开则打开一个窗口(macOS)使用预加载脚本访问渲染器的Node.js添加你自己的功能完整代码展示效果展示前言接上一篇文章Electron学习笔
  • 2024-07-19Electron 应用关闭突出程序坞
    在Electron应用中,处理窗口关闭并使其最小化到Mac系统的程序坞(Dock)而不是完全退出应用,通常涉及到监听窗口的关闭事件(close事件)并在适当时机阻止其默认行为。以下是一些步骤和关键点,帮助实现这一功能:1.监听窗口关闭事件在Electron的主进程(mainprocess)中,你需要为窗口(Browse
  • 2024-07-09electron 跨域/CSP问题
    请求报错:Refusedtoconnectto'http://127.0.0.1:8000/get?name=kv-grpc'becauseitviolatesthefollowingContentSecurityPolicydirective:"default-src'self'".Notethat'connect-src'wasnotexplicitlyset,so'
  • 2024-01-18Electron 创建项目
    前言项目创建electron项目,参考官网的文档来,我也只是入门哈哈哈官网https://electronjs.p2hp.com/docs/latest/tutorial/tutorial-first-app1.创建一个文件夹electron-app然后cd electron-app这个目录下npminit然后加上 "start":"electron.",这句命令
  • 2023-06-25electron中调用node.js API
    主进程在node.js环境中运行,等同于它拥有调用require模块和使用所有node.jsAPI的能力。但是在渲染器进程中,渲染器是无法直接访问require和其他node.jsAPI的,想要访问有以下两种方法:Preload脚本预加载脚本运行在渲染器环境中,可以在BrowserWindow构造方法中的webPreferences选项里被
  • 2023-04-28去除vscode顶部栏
    效果:(更高的屏幕占比) 1编辑:/Applications/VisualStudioCode.app/Contents/Resources/app/out/vs/code/electron-main/main.js2找到这行代码newI.BrowserWindow(Ne)改成newI.BrowserWindow({...Ne,frame:false})3设置nativetabs,nativetitle 重启vsco
  • 2023-01-1104坑
    newBrowserWindow({width:800,height:800,webPreferences:{nodeIntegration:true,//表示node所有功能都可以在渲染进程中
  • 2023-01-11Hello
    index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewpo
  • 2022-12-084、electron打开子窗口
    1、安装remote模块npminstall@electron/remote--save2、主进程index.js1varelectron=require('electron')23varapp=electron.app//引用APP4
  • 2022-12-042、electron第一个程序
    1、新建index.html文件内容为:<h1>helloword</h1>2、新建index.js内容为varelectron=require('electron')varapp=electron.app//引用APPvarBrowserWin
  • 2022-11-03Electron 窗体 BrowserWindow
    http://jsrun.net/t/KfkKphttps://www.wenjiangs.com/doc/tlsizw1dsthttps://www.w3cschool.cn/electronmanual/electronmanual-browser-window.html使用BrowserWindow
  • 2022-09-03Electron学习(一)
    1.什么是Electron:Electron是使用HTML、JavaScript和CSS构建的跨平台桌面应用程序。2.特点及优势:web技术:基于Chromium、Node.js跨平台:Electron兼容Mac、Windows和L