This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The Screen.height read-only property returns the height of the screen in CSS pixels.
A number.
if (window.screen.availHeight !== window.screen.height) {
// Something is occupying some screen real estate!
}
Note that not all of the height given by this property may be available to the window itself. Widgets such as taskbars or other special application windows that integrate with the OS (e.g., the Spinner player minimized to act like an additional toolbar on windows) may reduce the amount of space available to browser windows and other applications, there is a difference in window.screen.height and window.screen.availHeight.
| Specification |
|---|
| CSSOM View Module> # dom-screen-height> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
height |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Screen/height