Pantalla de Ventana de JavaScript

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

Pantalla de Window

window.screen El objeto también se puede escribir sin prefijo window:

Atributo:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Anchura de la pantalla de Window

screen.width La propiedad devuelve la anchura de la pantalla del visitante en píxeles.

Ejemplo

Mostrar la anchura de la pantalla en píxeles:

document.getElementById("demo").innerHTML = "Anchura de la pantalla: " + screen.width;

El resultado será:




Pruebe usted mismo






Altura de la pantalla de Window


screen.height La 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 = "Altura de la pantalla: " + screen.height;



El resultado será:





Pruebe usted mismo






Anchura disponible de la pantalla de Window


screen.availWidth La propiedad devuelve la anchura de la pantalla del visitante en píxeles, restando características de la interfaz como la barra de herramientas de la ventana.


Ejemplo


Mostrar la anchura disponible de la pantalla en píxeles:


document.getElementById("demo").innerHTML = "Anchura de pantalla disponible: " + screen.availWidth;



El resultado será:





Pruebe usted mismo






Altura disponible de la pantalla de Window


screen.availHeight La propiedad devuelve la altura de la pantalla del visitante en píxeles, restando características de la interfaz como la barra de herramientas de la ventana.


Ejemplo


Mostrar la altura disponible de la pantalla en píxeles:


document.getElementById("demo").innerHTML = "Altura de pantalla disponible: " + screen.availHeight;



El resultado será:





Pruebe usted mismo






Profundidad de color de la pantalla de Window


screen.colorDepth La propiedad devuelve el número de bits utilizados para mostrar un color.


Todos los computadores modernos utilizan una resolución de color de hardware de 24 o 32 bits:


    

  • 24 bits = 16,777,216 diferentes "True Colors"
    • 

  • 32 bits = 4,294,967,296 diferentes "Deep Colors"
    • 



Las computadoras más antiguas utilizan 14 bits: 65,536 colores diferentes de "High Colors" resolución.


Computadoras muy antiguas y teléfonos antiguos utilizan 8 bits: 256 colores diferentes de "VGA colors".


Ejemplo


Se muestra la profundidad de color de pantalla en bits:


document.getElementById("demo").innerHTML = "Profundidad de color de pantalla: " + screen.colorDepth;



El resultado será:





Pruebe usted mismo


Los valores #rrggbb (rgb) utilizados en HTML representan "True Colors" (16,777,216 colores diferentes).






Profundidad de píxeles de Window Screen


screen.pixelDepth La propiedad devuelve la profundidad de píxeles de la pantalla.


Ejemplo


Se muestra la profundidad de píxeles de pantalla en bits:


document.getElementById("demo").innerHTML = "Profundidad de píxeles de pantalla: " + screen.pixelDepth;



El resultado será:





Pruebe usted mismo


Para computadoras modernas, la profundidad de color y la profundidad de píxeles son iguales.