Screen

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

La interfaz Screen representa una pantalla, usualmente la misma donde la ventana actual está siendo visualizada y es obtenida usando window.screen.

Tenga en cuenta que los navegadores determinan cual es la pantalla actual detectando qué pantalla tiene el navegador centrada.

Propiedades

Screen.availTop No estándar

Especifica la coordenada-y del primer píxel que no está asignado a funciones de interfaz de usuario permanentes o semipermanentes.

Screen.availLeft No estándar

Devuelve el primer píxel disponible desde el border izquierdo de la pantalla.

Screen.availHeight

Especifica la altura de la pantalla, en píxeles, menos las funciones de interfaz de usuario permanentes o semipermanentes que son mostradas por el sistema operativo, como la barra de tareas de Windows.

Screen.availWidth

Devuelve la cantidad de espacio horizontal disponible en pixeles para la ventana.

Screen.colorDepth

Devuelve la profundidad de color de la pantalla.

Screen.height

Devuelve la altura de la pantalla en píxeles.

Screen.left No estándar

Devuelve la distancia en píxeles desde el borde izquierdo de la pantalla principal al borde izquierdo de la pantalla actual.

Screen.orientation

Devuelve la instancia ScreenOrientation asociada con la pantalla.

Screen.pixelDepth

Obtiene la profundidad de bits de la pantalla.

Screen.top Obsoleto No estándar

Devuelve la distancia en píxeles desde el borde supierior de la pantalla principal.

Screen.width

Devuelve la anchura de la pantalla.

Screen.mozEnabled No estándar Obsoleto

Booleano. Estableciendo su valor a false, se apagaá la pantalla del dispositivo.

Screen.mozBrightness No estándar Obsoleto

Controla el brillo de la pantalla del dispositivo. Espera un valor double entre 0 y 1.0.

Manejador de eventos

Screen.onorientationchange Obsoleto

Un manejador para el evento orientationchange.

Métodos

También hereda métodos de su padre EventTarget:

Screen.lockOrientation No estándar Obsoleto

Bloquea la orientación de la pantalla (sólo funciona en pantalla completa o para aplicaciones instaladas)

Screen.unlockOrientation No estándar Obsoleto

Desbloquea la orientación de pantalla (sólo funciona en pantalla completa o para aplicaciones instaladas)

Ejemplo

js
if (screen.pixelDepth < 8) {
  // usa la versión color-bajo de la página
} else {
  // usa la versión regular, a todo color de la página
}

Especificación

Specification
CSSOM View Module
# the-screen-interface

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Screen
availHeight
availLeft
Non-standard
Relative to the Multi-screen origin
Non-standard
availTop
Non-standard
Relative to the Multi-screen origin
Non-standard
availWidth
change event
Experimental
colorDepth
height
isExtended
Experimental
left
Non-standard
Relative to the Multi-screen origin
Non-standard
lockOrientation
Deprecated
mozBrightness
DeprecatedNon-standard
mozEnabled
DeprecatedNon-standard
orientation
orientationchange event
DeprecatedNon-standard
pixelDepth
top
DeprecatedNon-standard
Relative to the Multi-screen origin
DeprecatedNon-standard
unlockOrientation
Deprecated
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
User must explicitly enable this feature.
Requires a vendor prefix or different name for use.
Has more compatibility info.