Navigator: windowControlsOverlay プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

windowControlsOverlayNavigator インターフェイスの読み取り専用プロパティで、WindowControlsOverlay インターフェイスを返します。このインターフェイスは、ウィンドウ制御オーバーレイ API を使用するデスクトップのプログレッシブウェブアプリのタイトルバーの形状に関する情報を公開します。

デスクトップのオペレーティングシステムにインストールされたプログレッシブウェブアプリは、ウェブアプリマニフェストのメンバーの display_overridewindow-controls-overlay 値を使用することで、ウィンドウ制御オーバーレイ機能を有効にすることができます。

そうすることで、既定のウィンドウタイトルバーが非表示になり、アプリがアプリウィンドウの全領域にアクセスできるようになります。

WindowControlsOverlay インターフェイスです。

js
if ("windowControlsOverlay" in navigator) {
  const rect = navigator.windowControlsOverlay.getTitlebarAreaRect();
  // タイトルバーの領域の長方形に対して何かをする。
} else {
  // ウィンドウ制御オーバーレイ機能が利用できない。
}

仕様書

Specification
Window Controls Overlay
# windowcontrolsoverlay-interface

ブラウザーの互換性

BCD tables only load in the browser