Electron常见问题 24 - 如何隐藏任务栏窗口（windows and mac）

最新推荐文章于 2024-09-02 17:12:17 发布
最新推荐文章于 2024-09-02 17:12:17 发布
阅读量6.8k 收藏 3
点赞数 2
分类专栏： Electron实战 文章标签： js javascript window 任务栏 程序坞
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuzehn/article/details/108256480
版权
Electron实战 专栏收录该内容
86 篇文章 270 订阅 ¥119.90 ¥299.90
订阅专栏
在 Electron 应用中，当创建多个BrowserWindow时，Windows任务栏和Mac程序坞会出现多个窗口缩略图，影响美观。解决方案是在Windows中使用`win.setSkipTaskbar(true)`方法，将额外窗口从任务栏和程序坞中隐藏，以实现更整洁的界面。
摘要由CSDN通过智能技术生成

目录

 

问题

解决

PS:《Electron实战》系列-总览   

问题

如果我们在electron工程中创建了多个BrowserWindow对象，那么在windows的任务栏和mac的程序坞中就会出现多个缩略图窗口并排，非常影响美观。mac的话还能接受，但是windows的话，让人忍不了。

那怎么解决这个问题呢？请看下文。

解决

windows系统中electron的多窗口实例截图： 

除了自己的主窗口还有四个其他窗口，看着真的不爽！

那怎么能让他们不显示呢？

那就是  win.setSkipTaskbar() 。

方法原型：win.setSkipTaskbar(skip)

参数 skip 是 Boolean 类型，表明窗口是否在任务栏或者程序坞中显示。true

了解本专栏 订阅专栏 解锁全文
Data-Mining
关注
专栏目录
订阅专栏
Electron常见问题 37 - 客户端安装包双击后没有出现拖拽到应用程序的界面（mac）
liuzhen007的专栏
10-22 1032
目录 问题 解决 问题 在mac上双击Electron客户端的安装包，没有出现安装界面窗口，而是一个分栏窗口，层级是 volumes -> 应用程序名 -> 应用程序.app，非常奇怪。 解决 原因是系统应用程序 DiskImageMounter.app 解析异常，如下图所示： 解决问题的方式是桌面将临时安装磁盘退去，具体操作是 右键 -> 推出***。注意：没有写错，不是“退出”。 重新安装，问题解决。 ...
Electron.js指南——Windows任务栏
幽灵 逐梦--专栏
10-19 2627
Windows任务栏 Electron具有用于在Windows任务栏中配置应用程序图标的API。支持的是一个创建JumpList，自定义缩略图和工具栏，图标覆盖，以及所谓的“闪框”效果，但Electron也使用app的Dock图标来实现类似的跨平台特性最近的文件和应用进展。 跳转列表 Windows允许应用程序定义自定义上下文菜单，当用户右键单击任务栏中的应用程序图标时，将显示该菜单。该上下文菜单称为JumpList。您可以在TasksJumpList类别中指定自定义操作，如MSDN所...
Electron自定义窗口
dupha的博客
05-17 3278
1.Electron标题栏隐藏，2.Electron窗口控件隐藏或放大 3.Electron标题栏自定义，Electron标题栏样式允许隐藏浏览器窗口的大部分色彩，同时保持系统原生窗口控件完整无损，并可以在的构造器中使用选项来配置。应用 hidden 标题栏样式的结果是隐藏标题栏和全尺寸内容窗口。
关于electron窗口关闭是自定义的，任务栏右键想关闭窗口无法退出程序
m0_54030706的博客
07-01 507
当窗口关闭、最大化、最小化是自定义的，不是electron自带的，那么当点击任务栏的关闭所有，或者单个关闭窗口时就需要再就添加一个监听事件。当浏览器窗口关闭或者刷新时，会触发 onbeforeunload 事件。可以在这个事件中做你想要在关闭之前的所有处理，或者关闭窗口。这个事件的监听不会影响右上角的关闭事件，他们是独立的。所以如果窗口关闭事件是重写的，需要加上这个，才可以在任务栏中右键关闭当前窗口。
electron Windows和mac 的菜单栏隐藏
weixin_30615767的博客
03-11 1329
1.Windows隐藏方法 const {electron,Menu,debug} = require('electron'); Menu.setApplicationMenu(null) 2.macOs的菜单隐藏方法 app.dock.hide();到目前为止 只发现这一种处理方式 it's an os x only method (documentation)...
electron截图功能添加截图时隐藏窗口选项
qq_42428904的博客
06-04 695
electron截图功能添加截图时隐藏窗口选项截图功能实现添加截图时显示隐藏窗口功能 截图功能实现 参照大佬的代码：https://juejin.cn/post/6844903687706378247 优化过程：https://juejin.cn/post/6844903697705598983 源码GIT地址：https://github.com/chrisbing/electorn-capture-screen 添加截图时显示隐藏窗口功能 1.首先要在自己的主窗口中添加选择按钮 2.在截图点击事件中，
electron某个窗口需要隐藏菜单栏
最新发布
qq_35520046的博客
09-02 157
electron多个窗口中的某个窗口需要隐藏菜单栏 如何实现？
electron+vue+elementui实现类似QQ窗口靠边自动边缘隐藏，electron+vue桌面应用项目框架搭建
lucky_fang的博客
06-13 3162
electron+vue+elementui实现类似QQ窗口靠边自动边缘隐藏，electron+vue桌面应用项目框架搭建
Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘(仿杀毒软件任务栏托盘)
htzhanglong的专栏
11-28 968
Electron系统托盘 托盘右键菜单、托盘图标闪烁 点击右上角关闭按钮隐藏到托盘(仿杀毒软件任务栏托盘)目录 1、 Electron系统托盘、任务通知栏图标介绍。 2、 Electron 创建任务栏图标以及任务栏图标右键菜单 3、 监听任务栏图标的单击、双击事件 4、 Electron点击右上角关闭按钮隐藏任务栏图标 5、 Electron实现任务栏闪烁图标...
如何隐藏electron窗体的菜单栏
weixin_30335353的博客
06-21 3789
electron中默认带有顶部菜单栏，有时候我们的应用不需要。 再main.js文件中设置 const electron = require('electron') const path = require('path') const url = require('url') let mainWindow const Menu = electron.Menu functi...
【Electron-vue】构建桌面应用（25）- Ubuntu安装deb文件任务栏不显示应用图标
chenqk_123的专栏
01-22 3275
1.前言 上帝在给你打开一扇窗的同时，会给你挖个坑 最近在做Electron-Vue支持Linux系统的调研。发现坑太多了，由于Linux的发行版太多再加上还有不同的UI，导致要做版本的支持会是一个让人很崩溃的事情。 首先让我们看看Linux系统下的表现形式。 2.Linux支持Electron客户端 先了解一下Linux世界用户较多的前2大主要分支， RedHat Red Hat Enterprise Linux 简称RHEL rpm (RedHat, CentOS, Fedora, Oracle…
electron 自定义标题栏_如何在Electron Framework中创建自定义标题栏(灵感来自Visual Studio Code标题栏)...
weixin_30376865的博客
12-24 1524
本文概述在大多数使用自定义标题栏的桌面应用程序中, 它们通常不使用Windows, Mac或Linux的默认图形工具包, 因为通常无法通过单个应用程序对其进行自定义。因此, 对于这类需要对其进行自定义的应用程序, 最常见的解决方案是从根本上复制带有其自己的GUI组件的标题栏的行为, 删除原始标题栏并使用无框架的窗口。对于Electron应用程序, 也不例外, 因此, 如果你也愿意自定义标题栏, 则...
【Electron-playground系统】窗口篇
gcwstring的博客
10-28 1079
窗口篇 作者：Kurosaki 本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题。 官方文档 虽然比较全面，但是要想开发一个商用级别的桌面应用必须对整个 Electron API 有较深的了解，才能应对各种需求。 1. 创建窗口 通过BrowserWindow，来 创建 或者 管理 新的浏览器窗口，每个浏览器窗口都有一个进程来管理。 1.1. 简单创建窗口 const { BrowserWindow } = require('electron'); const win = ne
electron 快捷键Command+w关闭窗口
weixin_46861018的博客
10-15 344
s使用globalShortcut向操作系统注册/注销全局键盘快捷键。为了避免焦点移动到其他软件上，使用注册的快捷键发生错误。
Electron-Vue 多屏幕多窗口全屏时无法遮蔽任务栏的解决方案
weixin_45860876的博客
06-24 2440
项目场景： electron-vue的一个项目 首先项目需要两个窗口，其中一个是时刻保持全屏状态，并且要适应多屏幕可以选择某个屏幕 问题描述： 无法全屏，我是两个2k屏，Win10系统，设置副屏不启用任务栏，但仍然无法遮蔽 解决方案： 第一种解决方案 desktopWindow = new BrowserWindow({ fullscreen:true, width:width, height:height, // x:x,去掉这个 //
【Electron-vue】创建桌面应用（13）- Electron应用隐藏到托盘
chenqk_123的专栏
10-19 2264
现在大多数的应用程序，在点击关闭的时候不会再任务栏显示，而是隐藏到托盘中，然后点击托盘中的程序图标，就会打开应用面板。 electron提供了一些插件来实现这种需求，主要是Tray, Menu这两个插件。 由于代码比较少，所以就不啰嗦了 import { app, BrowserWindow, ipcMain, Tray, Menu } from 'electron' const path = require('path'); // 创建窗体 function createWindow() { /**
electron隐藏菜单
qq8344310的博客
07-30 1283
import { Menu } from ‘electron’ function createWindow () { Menu.setApplicationMenu(null); …
electron隐藏默认菜单
放羊的小孩
08-18 4113
electron隐藏默认菜单
electron-vite-vue 拉起windows 客户端
06-02
如果您想在 Electron + Vite + Vue 项目中启动 Windows 客户端，可以按照以下步骤操作： 1. 确保您已经安装了 Node.js 和 npm。 2. 在项目根目录下，使用命令行工具输入以下命令来安装 Electron： ``` npm install electron --save-dev ``` 3. 在 package.json 文件中添加以下代码： ``` "scripts": { "electron": "electron ." }, ``` 4. 使用命令行工具输入以下命令来启动 Electron： ``` npm run electron ``` 这样就可以启动 Windows 客户端了。请注意，此方法仅适用于 Electron + Vite + Vue 项目，如果您使用其他技术栈，可能需要使用不同的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Data-Mining

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值