AeroSpace项目中浏览器画中画模式窗口管理问题解析

在AeroSpace窗口管理工具中，用户报告了一个关于浏览器画中画(PiP)模式的窗口管理问题。本文将深入分析该问题的技术背景、解决方案以及相关配置方法。

问题现象

当用户使用Chrome或Firefox浏览器时，开启画中画模式后，视频窗口会被自动平铺(tiling)而非以浮动窗口(floating)形式显示。这与用户期望的画中画行为不符，因为画中画窗口通常需要浮动在其他窗口之上。

技术分析

通过调试信息可以看出，AeroSpace将这些画中画窗口识别为普通的标准窗口(AXStandardWindow)，而非特殊类型的浮动窗口。这是因为：

1. 浏览器实现的画中画窗口在系统层面仍然是一个标准窗口
2. AeroSpace的默认行为是将所有标准窗口进行平铺管理
3. 不同浏览器对画中画窗口的实现方式存在差异

解决方案

配置方案

针对不同浏览器，可以通过AeroSpace的配置文件实现画中画窗口的浮动效果：

Firefox配置示例

[[on-window-detected]]
if.app-id = 'org.mozilla.firefox'
if.window-title-regex-substring = 'Picture-in-Picture'
run = 'layout floating'

Chrome配置示例

[[on-window-detected]]
if.app-id = 'com.google.Chrome'
if.window-title-regex-substring = 'Picture-in-picture'
run = 'layout floating'
check-further-callbacks = true

Zen浏览器配置示例

[[on-window-detected]]
if.app-id = 'app.zen-browser.zen'
if.window-title-regex-substring = 'Picture-in-Picture'
run = ['layout floating']

配置注意事项

1. 窗口标题匹配需准确，不同浏览器版本可能有细微差异
2. 规则顺序很重要，画中画检测应放在其他规则之前
3. 可结合工作区管理实现更复杂的布局需求

浏览器实现差异

不同浏览器对画中画的实现方式存在明显差异：

1. Chrome/Firefox：创建独立的标准窗口
2. Arc浏览器：采用特殊实现方式，不创建独立窗口
3. Safari：默认行为与AeroSpace兼容性较好

高级技巧

对于需要跨工作区显示画中画窗口的场景，可以结合工作区管理规则：

[[on-window-detected]]
if.app-id = 'com.google.Chrome'
if.window-title-regex-substring = 'Picture-in-picture'
run = ['layout floating', 'move-node-to-workspace W']

总结

AeroSpace作为一款强大的窗口管理工具，通过灵活的配置可以完美支持各种浏览器的画中画模式。理解不同浏览器的实现差异并正确配置规则，是解决此类问题的关键。随着项目的持续发展，未来可能会提供更原生的画中画支持方案。