El objeto screen se utiliza para obtener información sobre la pantalla del usuario. Uno de los datos más importantes que proporciona el objeto screen es la resolución del monitor en el que se están visualizando las páginas. Los diseñadores de páginas web necesitan conocer las resoluciones más utilizadas por los usuarios para adaptar sus diseños a esas resoluciones.
Las siguientes propiedades están disponibles en el objeto screen:
| Propiedad | Descripción |
|---|---|
availHeight | Altura de pantalla disponible para las ventanas |
availWidth | Anchura de pantalla disponible para las ventanas |
colorDepth | Profundidad de color de la pantalla (32 bits normalmente) |
height | Altura total de la pantalla en píxel |
width | Anchura total de la pantalla en píxel |
La altura/anchura de pantalla disponible para las ventanas es menor que la altura/anchura total de la pantalla, ya que se tiene en cuenta el tamaño de los elementos del sistema operativo como por ejemplo la barra de tareas y los bordes de las ventanas del navegador.
Además de la elaboración de estadísticas de los equipos de los usuarios, las propiedades del objeto screen se utilizan por ejemplo para determinar cómo y cuanto se puede redimensionar una ventana y para colocar una ventana centrada en la pantalla del usuario.
El siguiente ejemplo redimensiona una nueva ventana al tamaño máximo posible según la pantalla del usuario:
window.moveTo(0, 0); window.resizeTo(screen.availWidth, screen.availHeight);