electron窗口层级与dock窗口列表

背景与目标

  • Dock 右键菜单中不显示已打开窗口列表(只留系统项)。
  • 悬浮/面板类窗口在"全屏应用之上",但"系统截图 UI 之下"。
  • 需要时可切换成"可截图/不可截图"。

最小实现结论(TL;DR)

  1. Dock 右键不列窗口:在需要隐藏的窗口上设置 excludedFromShownWindowsMenu = true 即可。
    • skipTaskbar 与 hiddenInMissionControl 可选,用于更彻底隐藏在任务栏/Mission Control;但"是否出现在 Dock 的窗口列表"主要由 excludedFromShownWindowsMenu 决定。
  2. 全屏之上、截图之下:
    • win.setAlwaysOnTop(true, 'status')
    • win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true })
    • macOS 下 type: 'panel'

代码要点

Hover 窗口(面板类):

18:29:src/main/hover/HoverWindow.ts 复制代码
hiddenInMissionControl: true,
skipTaskbar: true,
type: process.platform === 'darwin' ? 'panel' : undefined,
...
win.setAlwaysOnTop(true, 'status')
win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true })
win.excludedFromShownWindowsMenu = true

Panel 窗口(面板类):

17:28:src/main/windows/builders/panelWindow.ts 复制代码
skipTaskbar: true,
hiddenInMissionControl: true,
type: process.platform === 'darwin' ? 'panel' : undefined,
...
win.setAlwaysOnTop(true, 'status')
win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true })
win.excludedFromShownWindowsMenu = true

Mini 悬浮球:

27:33:src/main/windows/builders/miniWindow.ts 复制代码
win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true })
win.setAlwaysOnTop(true, process.platform === 'darwin' ? 'status' : 'normal')
win.excludedFromShownWindowsMenu = true

主窗口(不强制置顶,避免压过系统 UI):

37:39:src/main/windows/builders/mainWindow.ts 复制代码
// 主窗不再强制置顶,避免压过系统层级(如截图 UI)
win.setAlwaysOnTop(false)
win.setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true })
44:44:src/main/windows/builders/mainWindow.ts 复制代码
win.excludedFromShownWindowsMenu = true

设置/激活窗口(同样隐藏窗口菜单项):

33:35:src/main/windows/builders/settingsWindow.ts 复制代码
win.hide()
win.excludedFromShownWindowsMenu = true
38:38:src/main/windows/builders/activationWindow.ts 复制代码
win.excludedFromShownWindowsMenu = true

可选强化(按需开启)

  • 完全从 Dock 列表/Mission Control 中消失:
    • 在已用 excludedFromShownWindowsMenu = true 的基础上,再补充 skipTaskbar: true 与 hiddenInMissionControl: true。
  • 个别全屏 App 仍覆盖你的面板:
    • 将层级短暂抬到 'pop-up-menu' 再观察;避免使用 'screen-saver'(会压过截图 UI)。
  • 不被截图/录屏:
    • win.setContentProtection(true)(粒度可到单窗口)。

验证清单

  • Dock 右键只显示系统项(选项/显示所有窗口/隐藏/退出),不列已打开窗口。
  • 打开任意 App 全屏,mini/hover/panel 仍可见。
  • 截图(⌘+Shift+5/4)时:系统截图 UI 不被遮挡;当前默认可被拍到(未开内容保护)。
  • Mission Control 里不展示这些面板的缩略图(若启用了 hiddenInMissionControl)。

踩坑与经验

  • 仅 skipTaskbar 不足以控制 Dock 的窗口列表展示;核心是 excludedFromShownWindowsMenu。
  • 层级建议用 'status',满足"全屏之上 + 截图之下"的平衡;除非遇到特例再尝试 'pop-up-menu'。
  • 记得与 setVisibleOnAllWorkspaces(true, { visibleOnFullScreen: true }) 搭配,否则全屏桌面不可见。
  • macOS 上 type: 'panel' 能明显改善面板类窗口的交互与层级表现。

这套"最小实现"足以覆盖 IM/AI 工具常见的悬浮交互场景,也便于在不同窗口上按需启用/关闭"可截图/不可截图"的策略。

相关推荐
风骏时光牛马8 分钟前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
IT_陈寒32 分钟前
Redis雪崩把我坑惨了,这是5年经验的教训
前端·人工智能·后端
SameX42 分钟前
HarmonyOS ArkUI List 的侧滑删除 用 ListItem 的 swipeAction + endIcon 的做法
前端
usdoc文档预览3 小时前
USDOC系列之PPT文件在线编辑-VUE前端实现在线浏览器在线编辑PPT文档
前端·vue.js·编辑器·office365·ppt在线编辑·office文件在线编辑·文件在线编辑
用户2705077725243 小时前
Agent 调工具卡住?3 种超时与取消策略实测对比
前端
LuHang4 小时前
我一行代码没写,把领导派的活做成了公司内部系统😭
前端
明月_清风4 小时前
Meta 开源了一个 AI Native 组件库:Astryx,150+ React 组件,专为 AI Agent 而设计
前端·人工智能·ai编程
用户850869276155 小时前
秒杀系统中 Shell 脚本并发控制 Bug:究竟哪里出了
前端
炫酷的大高个7 小时前
6 亿播放的闪身步,我用前端算出 15 倍重心差
前端·javascript
不可能片场7 小时前
内容运营自动化 配图折行别把词切两半
前端·electron