このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Navigator: windowControlsOverlay プロパティ
利用可能性は限定的
この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。
Want more support for this feature? Tell us why.
安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。
windowControlsOverlay は Navigator インターフェイスの読み取り専用プロパティで、WindowControlsOverlay インターフェイスを返します。このインターフェイスは、ウィンドウ制御オーバーレイ API を使用するデスクトップのプログレッシブウェブアプリのタイトルバーの形状に関する情報を公開します。
デスクトップのオペレーティングシステムにインストールされたプログレッシブウェブアプリは、ウェブアプリマニフェストのメンバーの display_override で window-controls-overlay 値を使用することで、ウィンドウ制御オーバーレイ機能を有効にすることができます。
そうすることで、既定のウィンドウタイトルバーが非表示になり、アプリがアプリウィンドウの全領域にアクセスできるようになります。
値
WindowControlsOverlay インターフェイスです。
例
js
if ("windowControlsOverlay" in navigator) {
const rect = navigator.windowControlsOverlay.getTitlebarAreaRect();
// タイトルバーの領域の長方形に対して何かをする。
} else {
// ウィンドウ制御オーバーレイ機能が利用できない。
}
仕様書
| 仕様書 |
|---|
| Window Controls Overlay # windowcontrolsoverlay-interface |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。