Navigator: windowControlsOverlay プロパティ

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

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

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

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