首页 > TAG信息列表 > BrowserWindow

Electron学习(一)

1. 什么是Electron: Electron是使用HTML、JavaScript和CSS构建的跨平台桌面应用程序。 2. 特点及优势: web技术:基于Chromium、Node.js 跨平台:Electron兼容Mac、Windows和Linux 开源:众多贡献者组成活跃社区共同维护的开源项目 3. 需要掌握的知识 HTML、JavaScript、CSS的基础知

隐藏electron窗体菜单栏的几种方式

方法1: const electron = require('electron') const Menu = electron.Menu function createWindow (){ Menu.setApplicationMenu(null) } 方法2: new BrowserWindow({autoHideMenuBar: true})     方法3: new BrowserWindow({frame: false})

Election.js入门

Electron 包含三个核心 Chromium用于显示网页内容 Node.js用于调用本地文件系统和操作系统 自定义APIs用于调用OS本机函数 ELectron开发应用程序就像构建一个带有网页界面的Node.js的应用程序或者构架无缝集成的网页 主进程 主进程通过创建BrowserWindow实例来创建网页 每一个BrowserWindow实例在

electron 使用remote 报错:Cannot read properties of undefined (reading ‘BrowserWindow‘)

最近在学习electron,写了一个remote的小demo,其中有这样一段代码: const BrowserWindow = require("electron").remote.BrowserWindow; 会报错,如下图:   然后去网上找了一些文章看了看貌似是版本的问题,我用的electron是@v16.0.4, 而remote在electron12的时候废弃了remote模块,所以需

Electron基础了解和用法总结

Electron流程 Electron 继承了来自 Chromium 的多进程架构,这使得此框架在架构上非常相似于一个现代的网页浏览器 为什吗不是单一的进程 网页浏览器是个极其复杂的应用程序。 除了显示网页内容的主要能力之外,他们还有许多次要的职责,例如:管理众多窗口 ( 或 标签页 ) 和加载第三

2021-07-22

vscode 是怎么跑起来的 vscode 是前端工程师常用的 ide,而且它的实现也是基于前端技术。既然是前端技术实现的,那么我们用所掌握的前端技术,完全可以实现一个类似 vscode 的 ide。但在那之前,我们首先还是要把 vscode 是怎么实现的理清楚。本文我们就来理一下 vscode 是怎么跑起

electron 渲染页面中引入js模块

在main中配置如下 //调用 BrowserWindow打开新窗口 newWin =new BrowserWindow({ width: 800, height: 700, webPreferences: { contextIsolation: false, // 设置此项为false后,才可在渲染进程中使用electron api nodeIntegration: true } })  然后调用 const { ipcRenderer

为electron添加Chrome扩展程序

官方文档 Electron支持Chrome DevTools 扩展程序,可增强开发工具调试流行web框架的能力 1.加载 DevTools 扩展程序1.1.下面以[React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)为例:**注意问题

Electron制作伪luogu客户端

Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架 开始使用 创建应用文件夹 首先,我们应该创建一个文件夹,来存放我们的应用文件 mkdir Luogu-app 然后进入我们的应用文件夹 cd Luogu-app 一个Electron应用的基本文件结构是这样的 Luogu-app/ ├──

electron中JS报错:require is not defined的问题解决方法

Electron已经发布了6.0正式版,升级后发现原来能运行的代码报错提示require is not defined 解决办法: 修改创建BrowserWindow部分的相关代码,设置属性webPreferences.nodeIntegration为 true let win = new BrowserWindow({ webPreferences: { nodeIntegration: true