Pantalla de JS Window

El objeto window.screen contiene información sobre la pantalla del usuario.

Objeto de pantalla

window.screenEl objeto se puede usar para mostrar la resolución de la pantalla (ancho y altura de la pantalla), profundidad de color, profundidad de píxeles, etc.

window.screenSe puede usar una abreviatura sin prefijo (window.)

screenEl objeto tiene las siguientes propiedades:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

La próxima sección le mostrará cómo obtener la información de visualización del usuario utilizando las propiedades del objeto screen del objeto ventana.

Ancho de la pantalla

screen.widthLa propiedad devuelve el ancho total de la pantalla del visitante (en píxeles).

var x = screen.width;

Altura de la pantalla

screen.heightLa propiedad devuelve la altura total de la pantalla del visitante (en píxeles).

var x = screen.height;

Ancho disponible de la pantalla

screen.availWidthLa propiedad devuelve el ancho de la región de la pantalla disponible para la ventana de la aplicación (en píxeles).

El área de la ventana de la aplicación es toda la pantalla excepto la barra de tareas.

var x = screen.availWidth;

Altura disponible de la pantalla

screen.availHeightLa propiedad devuelve la altura de la región de la pantalla disponible para la ventana de la aplicación (en píxeles).

El área de la ventana de la aplicación es toda la pantalla excepto la barra de tareas.

var x = screen.availHeight;

Profundidad de color de la pantalla del窗口

screen.colorDepthLa propiedad devuelve la profundidad de color de la pantalla del usuario.

El nivel de profundidad del color se utiliza para representar el número de bits de un solo píxel de color.

La profundidad de color indica cuántos colores puede producir la pantalla del dispositivo.

Por ejemplo, la profundidad de color es8La pantalla puede producir256colores (2 ⁸)

var x = screen.colorDepth;

Actualmente, la mayoría de los dispositivos de pantalla tienen24o32Profundidad de color. En términos simples, más bits producen más cambios de color, por ejemplo24bits pueden producir2 ²⁴ = 16,777,216Cambio de color (TrueColor), y32bits pueden producir2 ³² = 4,294,967,296Cambio de color (Oscuro)

Profundidad de píxel de la pantalla del navegador

screen.pixelDepthLa propiedad devuelve la profundidad de bits de la pantalla.

La profundidad de píxel es el número de bits utilizados por el hardware de visualización del sistema por píxel.

Para los dispositivos modernos, la profundidad de color y la profundidad de píxel son iguales.

var x = screen.pixelDepth;

Más ejemplos

Este ejemplo muestra todas las propiedades de la pantalla:

var txt = "";
txt　+= "<p>Anchura total/Altura: "　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+= "<p>Anchura disponible/Altura: "　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+= "<p>Profundidad de color: "　+　screen.colorDepth　+　"</p>";
txt　+= "<p>Resolución de color: "　+　screen.pixelDepth　+　"</p>";
document.write(txt);