El objeto window.screen contiene información acerca de la pantalla del usuario.
Window Screen
El window.screen objeto puede escribirse sin el prefijo ventana.
propiedades:
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Window Screen Width
El screen.width propiedad devuelve el ancho de la pantalla del visitante en píxeles.
Ejemplo
Visualizar el ancho de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
El resultado será:
Screen Width: 1600
Inténtalo tú mismo " Window Screen Height
El screen.height propiedad devuelve la altura de la pantalla del visitante en píxeles.
Ejemplo
Mostrar la altura de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
El resultado será:
Screen Height: 900 Inténtalo tú mismo " Window Screen Ancho disponible
El screen.availWidth propiedad devuelve el ancho de la pantalla del visitante, en píxeles, menos interfaz de características como la barra de tareas de Windows.
Ejemplo
Mostrar la anchura disponible de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
El resultado será:
Available Screen Width: 1600 Inténtalo tú mismo " Window Screen disponible Altura
El screen.availHeight propiedad devuelve la altura de la pantalla del visitante, en píxeles, menos interfaz de características como la barra de tareas de Windows.
Ejemplo
Mostrar la altura disponible de la pantalla en píxeles:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
El resultado será:
Available Screen Height: 860 Inténtalo tú mismo " Window Screen Profundidad de color
El screen.colorDepth propiedad devuelve el número de bits utilizados para mostrar un color.
Todos los ordenadores modernos utilizan 24 bits o 32 bits de hardware para la resolución de color:
- 24 bits = 16.777.216 diferentes "True Colors"
- 32 bits = 4,294,967,296 diferentes "Deep Colors"
Los equipos más antiguos utilizan 16 bits: 65.536 diferentes resoluciones "altos colores".
Muy viejas computadoras y teléfonos celulares viejos utilizan 8 bits: 256 diferentes colores "VGA".
Ejemplo
Mostrar 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 Inténtalo tú mismo " Los #rrggbb (rgb) valores utilizados en HTML representa "True Colors" ( 16,777,216 colores diferentes)
Window Screen de píxeles Profundidad
El screen.pixelDepth propiedad devuelve la profundidad de píxeles de la pantalla.
Ejemplo
Mostrar la profundidad de píxel de la pantalla en bits:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
El resultado será:
Screen Pixel Depth: 24 Inténtalo tú mismo " Para las computadoras modernas, la profundidad de color y profundidad de píxeles son iguales.