Widely available すべての主要ブラウザで対応済み。安心して使用可能。

BarProp

BarProp は Document Object Model のインターフェイスで、ウェブページ内のスクリプトに公開されるウェブブラウザーのユーザーインターフェイス要素を表します。以下のインターフェイス要素はそれぞれ BarProp オブジェクトで表します。

Window.locationbar

ブラウザーのロケーションバーです。

Window.menubar

ブラウザーのメニューバーです。

Window.personalbar

ブラウザーの個人バーです

Window.scrollbars

ブラウザーのスクロールバーです。

Window.statusbar

ブラウザーのステータスバーです。

Window.toolbar

ブラウザーのツールバーです。

BarProp インターフェイスは直接アクセスするのではなく、これらの要素のいずれかを介してアクセスします。

表示・ナビゲーション

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
BarProp
1
12
1
3
18
1
visible

visible は BarProp インターフェイスの読み取り専用プロパティで、このオブジェクトが表すユーザーインターフェイス要素が可視であれば true を返します。
1
12
1
3
18
1
visible (returns popup)

ポップアップではないウィンドウの場合、`true` を返す
98
98
96
98
locationbar

locationbar オブジェクトを返します。
1
12
1
3
18
1
menubar

menubar オブジェクトを返します。
1
12
1
3
18
1
personalbar

personalbar オブジェクトを返します。
1
12
1
3
18
1
scrollbars

scrollbars オブジェクトを返します。
1
12
1
3
18
1
statusbar

statusbar オブジェクトを返します。
1
12
1
3
18
1
toolbar

toolbar オブジェクトを返します。
1
12
1
3
18
1
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
console.log(window.locationbar);

実務での使いどころ

  • BarProp の活用

    BarProp は Document Object Model のインターフェイスで、ウェブページ内のスクリプトに公開されるウェブブラウザーのユーザーインターフェイス要素を表します。

注意点

  • 古いブラウザでは対応していない場合がある。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。

参考リンク