
Como obtener la resolución de pantalla con JS
document.write("El ancho (width) de la pantalla es " + screen.width + "px"); document.write("El alto (height) de la pantalla es" + screen.height + "px"); document.write("El ancho disponible (availWidth) de la pantalla es" + screen.availWidth + "px"); document.write("El alto disponible (availHeight) de la pantalla es" + screen.availHeight + "px"); document.write("La profundidad de color es" + screen.colorDepth + " bits");
Las dos primeras líneas indican la resolución que tenemos establecida en nuestro monitor, en mi caso sería 1920x1080px que es la pantalla que tengo conectada a mi note.
Ahora con todos los nuevos dispositivos que han ido apareciendo como son los smartphones, tablets , camaras fotograficas con android, etc. los cuales tienen resoluciones muy distintas.
Los métodos availWidth y availHeight nos ayudan a saber con exactitud cuál es la medida en píxeles que tenemos en la pantalla del dispositivo (esto sin contar la barra de tareas u otras cosas que están por defecto en el sistema operativo).
Ya por último, esta la propiedad updateInterval, cuyo valor es 0.
Está propiedad indica el tiempo, en milisegundos, que tarda en refrescarse la pantalla cuándo se produce un cambió en la misma. En general no es importante, pero si nuestro sitio incluye animaciones, está propiedad deberá tener el valor 0. El valor de está propiedad puede modificarse mediante código.
screen.updateInterval = 10;
Espero les sea de ayuda.
Saludos 😀