2-2 创建 browserWindow

领域专家: 前端开发技术领域

2024-07-26 13:11:20

课时名称	课时知识点
2-2 创建 browserWindow	Electron从基础入门到项目实战案例

...全文

73 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文介绍了Electron中主窗口打开子窗口时Remote模块的使用。包括创建demo2.html和demo2.js文件，在demo2.js中使用BrowserWindow打开新窗口并加载yellow.html，还提到查看和安装remote模块，修改主进程添加相关语句，最后添加yellow.html并运行electron。

Electron v14版本中移除了remote模块，导致使用require('electron').remote的方式创建BrowserWindow会报错。解决方法包括：1. 安装新模块@electron/remote；2. 在main.js中引入并初始化；3. 在需要的地方使用require('@electron/remote')。按照这些步骤可以避免undefined错误，正确创建子窗口。

本文围绕Electron的BrowserWindow展开，介绍了在主进程中创建和控制浏览器窗口的方法。包括创建程序窗口、无边框窗口、透明窗口、点击穿透窗口等，还提及显示窗口的方式及父子窗口情况，最后总结了不同窗口样式效果及重点内容。

博客围绕Electron的窗口BrowserWindow展开。介绍了优雅显示窗口的方法，解决窗口创建后内容延迟出现的问题；提及BrowserWindow的其它属性集合；还阐述了自定义标题栏程序，可实现拖拽全屏等效果，以及取消Electron自带菜单栏的方式。

在 Electron 开发中，创建和显示BrowserWindow可能在低配置设备上表现较慢，通常需要2秒以上。问题源于Electron初始化工作和首次加载HTML页面的延迟。为解决此问题，开发者提出使用窗口池策略，预先创建并加载空白页面的隐藏窗口，以减少实际使用时的延迟。这种方法能有效改善用户体验，特别是在需要频繁打开新窗口的场景下。

柯晓楠的课程社区_NO_1

2

社区成员

270

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章