Artículos
Javascript

Resolución de la pantalla

02/Jun/2007

Los diseños que hagamos de páginas web siempre van a quedar supeditados a la resolución de pantalla que tenga el usuario final. Si nuestro entorno de desarrollo es acotado (por ejemplo, dentro de una empresa que controle la resolución de sus ordenadores) nos será más sencillo el diseñar nuestras páginas web, si por el contrario desarrollamos páginas para la web, deberemos buscar que nuestra página se adapte a todas las resoluciones y que aproveche el máximo de ellas.

Esto normalmente se consigue mediante las hojas de estilo y los diseños relativos. Me explico, dependiendo de la resolución que tenga el usuario se le aplica una hojas de estilo u otra.

Es por ello que necesitaremos saber la resolución de la pantalla del usuario. Esto lo podemos conseguir mediante JavaScript y en concreto con el objeto screen. Este es un objeto que empezaron a definir los primeros navegadores de forma independiente y que ahora forma parte del conocido como HTML DOM.

Las propiedades que más nos interesan de este objeto serían:

  • width, valor del ancho de la pantalla.
  • height,valor del alto de la pantalla.
  • avaibleWidth, contiene el valor del ancho de la pantalla, sin incluir la barra de tareas de Windows.
  • avaibleHeight, contiene el valor del alto de la pantalla, sin incluir la barra de tareas de Windows

Para acceder a ellos, simplemente deberemos de poner:

Screen.nombrepropiedad;

Por ejemplo, para mostrar el alto/ancho de la ventana por pantalla, deberíamos de utilizar el siguiente código:

document.write("Su resolución es de: " + screen.height + "x" + screen.width);

Código Fuente

Descárgate el código fuente de Resolución de la pantalla
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript
Suscribir
Notificar de
guest
10 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios