Window.visualViewport

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

WindowインターフェイスのvisualViewport は読み取り専用プロパティーです。特定のウィンドウの視覚的ビューポートを表すVisualViewportオブジェクトを返します。

構文

var visualViewport = Window.visualViewport

VisualViewport はオブジェクトです。

Specification	Status	Comment
Visual Viewport API visualViewport の定義	ドラフト	Initial definition.

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
`visualViewport` 実験的	Chrome 完全対応 61	Edge 完全対応 79	Firefox 完全対応 63 無効完全対応 63 無効無効 From version 63: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE 未対応なし	Opera 完全対応 48	Safari 完全対応 13	WebView Android 完全対応 61	Chrome Android 完全対応 61	Firefox Android 完全対応 63 無効完全対応 63 無効無効 From version 63: this feature is behind the `dom.visualviewport.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android 完全対応 45	Safari iOS 完全対応 13	Samsung Internet Android 完全対応 8.0