Pantalla de ventana de JavaScript
El objeto window.screen contiene información sobre la pantalla del usuario.
Pantalla de la ventana
El window.screen
objeto se puede escribir sin el prefijo de ventana.
Propiedades:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Ancho de la pantalla de la ventana
La screen.width
propiedad devuelve el ancho de la pantalla del visitante en píxeles.
Ejemplo
Muestra el ancho de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
El resultado será:
Screen Width: 1920
Altura de la pantalla de la ventana
La screen.height
propiedad devuelve la altura de la pantalla del visitante en píxeles.
Ejemplo
Muestra la altura de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
El resultado será:
Screen Height: 10000
Ancho disponible de la pantalla de la ventana
La screen.availWidth
propiedad devuelve el ancho de la pantalla del visitante, en píxeles, menos las características de la interfaz como la barra de tareas de Windows.
Ejemplo
Muestra el ancho disponible de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
El resultado será:
Available Screen Width: 1920
Altura disponible de la pantalla de la ventana
La screen.availHeight
propiedad devuelve la altura de la pantalla del visitante, en píxeles, menos las características de la interfaz como la barra de tareas de Windows.
Ejemplo
Muestra la altura disponible de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
El resultado será:
Available Screen Height: 10000
Profundidad de color de la pantalla de la ventana
La screen.colorDepth
propiedad devuelve el número de bits utilizados para mostrar un color.
Todas las computadoras modernas usan hardware de 24 o 32 bits para la resolución del color:
- 24 bits = 16,777,216 "Colores verdaderos" diferentes
- 32 bits = 4.294.967.296 "Colores profundos" diferentes
Las computadoras más antiguas usaban 16 bits: 65,536 resoluciones diferentes de "Colores altos".
Computadoras muy viejas y teléfonos celulares viejos usaban 8 bits: 256 "colores VGA" diferentes.
Ejemplo
Muestra la profundidad de color de la pantalla en bits:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
El resultado será:
Screen Color Depth: 24
Los valores #rrggbb (rgb) utilizados en HTML representan "Colores verdaderos" (16,777,216 colores diferentes)
Profundidad de píxeles de la pantalla de la ventana
La screen.pixelDepth
propiedad devuelve la profundidad de píxeles de la pantalla.
Ejemplo
Muestra la profundidad de píxeles de la pantalla en bits:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
El resultado será:
Screen Pixel Depth: 24
Para las computadoras modernas, la profundidad de color y la profundidad de píxeles son iguales.