Detectar vista horizontal o vertical de una ventana con JavaScript

Detectar vista horizontal o vertical de una ventana con JavaScript

Javascript

Podemos necesitar detectar si un usuario está utilizando un dispositivo en formato horizontal o vertical. En inglés portrait (vertical) y landscape (horizontal).

La comprobación es bastante sencilla. Basta con saber si la ventana tiene más alto que ancho. En este caso, estaría utilizando la vista vertical o portrait. Por el contrario, si la ventana tiene menos alto que ancho, estaría utilizando la cista horizontal o landscape.

El código JavaScript para realizar esta comprobación es el siguiente:

if(window.innerHeight > window.innerWidth){
      alert("Vertical"); 
 }else{     
      alert("Horizontal"); 
 }

Leave a reply