Tecnología

Inicio

Cómo calcular la resolución de pantalla con Java Script

Cómo calcular la resolución de pantalla con Java Script


De acuerdo con W3Schools, más del 75 por ciento de los usuarios de Internet fue vista por la web con resoluciones de pantalla superiores a 1024 x 768 en enero del 2010. En el mismo mes, sólo el uno por ciento de todos los usuarios configurar sus navegadores a 640 x 480. Como desarrollador web o diseñador, es importante optimizar sus páginas web para que los usuarios ver su sitio como usted lo diseñó. Hacerlo mediante el uso de JavaScript para calcular las resoluciones de pantalla que utilizan los visitantes del sitio.

Instrucciones

1 Abra su página Web en un editor HTML o Bloc de notas.

2 Agregue el siguiente código JavaScript a la sección <script> del documento:

var = ScreenHeight Screen.Height;

var = ScreenWidth screen.width;

var mensaje = "Resolución de pantalla Pantalla: Su altura de la pantalla =" + + ScreenHeight ".. Su ancho de la pantalla =" + ScreenWidth;

document.write (mensaje);

Este código muestra los valores de altura y anchura almacenados en objeto de imagen de la página web.

3 Guarde el archivo HTML y abrirlo en su navegador. La declaración document.write mostrará resolución de la pantalla del navegador. Cambiar la resolución de su monitor y actualizar la página web. Verá la resolución actualizada.

Consejos y advertencias

  • Si usted tiene diferentes diseños de página para diferentes resoluciones, de detectar una resolución de pantalla de un usuario y redirigir el navegador a la página que tiene el diseño adecuado.