Obtener los datos de la pantalla con Javascript

Script para obtener los datos de la pantalla del usuario y mostrarlos en pantalla, dentro de etiquetas <script> escribimos un “document.write” y entre parentesis y comillas dobles escribimos que texto queremos mostrar en la pantalla con el código de la instrucción que vamos a escribir a continuación, cerramos la instrucción con “;”.

document.write("Resolución de pantalla: ");

Ahora vamos a hacer uso del objeto “Screen” y algunas de sus propiedades, vamos a escribir en una nueva instrucción, un “document.write”, entre paréntesis le ponemos el objeto “screen”, seguido de un punto para acceder a las propiedades del objeto, le ponemos la propiedad a la que queremos acceder para mostrar en pantalla seguido del operador “+” y una etiqueta “<br>” para hacer un salto de línea y seguir añadiendo intrucciones.

document.write(screen.width + "*" + screen.height);

Hemos usado la propiedad “width” del objeto “screen” que devuelve el ancho total de la pantalla del dispositivo del usuario en pixeles, hemos añadido entre comillas el signo “*” para mostrar en pantalla ( va entre “”, no es un operador, se comporta como texto ), seguidamente, hemos usado la propiedad “height” del objeto “screen” que devuelve el alto total de la pantalla del dispositivo del usuario en pixeles.

De la misma forma que hemos empleado hasta ahora, vamos a hacer uso de las siguientes propiedades:

availWidth y availHeight, estas propiedades devuelven el ancho y alto disponible de la pantalla del dispositivo del usuario en pixeles, es decir, la barra de Windows o del sistema operativo que accede, debería estar excluida.

colorDepth, esta propiedad devuelve la profundidad de bytes de la paleta de colores para la visualización de imágenes.

pixelDepth, esta propiedad devuelve la resolución de color (en bytes por pixeles) de la pantalla.

El script completo

document.write("Resolución de pantalla: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("Area visible disponible: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("Profundidad de color: ");
document.write(screen.colorDepth);
document.write(" bits<br>");
document.write("Resolución de color: ");
document.write(screen.pixelDepth);
document.write(" bits<br>");

El resultado mostrado en pantalla es el siguiente: