1. 面向开发者的 Web 技术
  2. Web API
  3. Navigator
  4. Navigator：windowControlsOverlay 属性

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Navigator：windowControlsOverlay 属性

有限可用

此特性不属于基线，因为它尚未在主流浏览器中得到支持。

Want more browser support for this feature? Tell us why.

安全上下文: 此特性仅在一些支持的浏览器的安全上下文（HTTPS）中可用。

Navigator 接口的 windowControlsOverlay 只读属性返回 WindowControlsOverlay 接口，该接口提供有关使用了窗口控件叠加层 API 的桌面渐进式 Web 应用程序的标题栏几何图形的信息。

安装在桌面操作系统上的渐进式 Web 应用程序可以通过在 Web 应用程序清单成员 display_override 中使用 window-controls-overlay 值来选择加入窗口控件叠加层特性。

这样做会隐藏默认的窗口标题栏，并使应用程序可以访问应用程序窗口的整个区域。

值

一个 WindowControlsOverlay 接口。

示例

js
if ("windowControlsOverlay" in navigator) {
  const rect = navigator.windowControlsOverlay.getTitlebarAreaRect();
  // 对标题栏矩形区域做一些处理。
} else {
  // 窗口控件叠加层特性不可用。
}

规范

规范
Window Controls Overlay
# windowcontrolsoverlay-interface

浏览器兼容性

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题