1. ウェブ
  2. Web API
  3. Navigator
  4. windowControlsOverlay

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Navigator: windowControlsOverlay プロパティ

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Want more browser 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

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告