Obtener los datos de la pantalla con Javascript

26 de /febrero02 de /2014
2m 54s
javascript
1 comentario
14263
5

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:

Valoraciones

1 valoración

  • Aloisius 8 agosto, 2018

    Perfecto!!
    Muchísimas gracias!!!

Tu valoración

* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies