"Window Controls Overlay：PWA 标题栏融合与交互策略"

概述Window Controls Overlay 允许桌面 PWA 将系统窗口控件覆盖在网页内容之上，应用可在 `titlebar-area` 内布局按钮与信息，统一外观并提升可用空间。示例{ "display": "standalone", "display_override": ["window-controls-overlay"] } .titlebar { position: fixed; top: env(titlebar-area-y, 0); left: env(titlebar-area-x, 0); width: env(titlebar-area-width, 100%); height: env(titlebar-area-height, 40px) } 工程建议布局与可访问性：确保可点击区域与焦点顺序；提供键盘与读屏支持。状态与平台：检测支持并回退到常规标题栏；处理不同平台差异。监控：记录交互习惯与错误；迭代优化布局。参考与验证Chrome 平台文档（Window Controls Overlay）：https://developer.chrome.com/docs/web-platform/window-controls-overlay/web.dev PWA 桌面能力指南：https://web.dev/