Detectar orientación del dispositivo en JavaScript

Cuando estás realizando aplicaciones para dispositivos móviles o tablets siempre es interesante conocer la orientación del dispositivo. Es decir, si el usuario tiene el dispositivo apaisado o no.

Aquí os dejo un pequeño script para poder conocer la orientación:

function orientacionCambiada()
{
    alert(window.orientation);
}

window.addEventListener("orientationchange", orientacionCambiada, false);

Si la orientación está en -90 ó 90 estará el dispositivo en modo horizontal, si está en 0 ó 180 estará en vertical. read more

Leer más » 2 Comentarios

Detectar dispositivos táctiles en Javascript

Últimamente, los programadores web tienen que desarrollar aplicaciones que sirvan tanto para un PC como para un dispositivo táctil.

En Javascript, éste es el código que yo utilizo cuando quiero hacer una web multiplataforma:

if ("ontouchstart" in document.documentElement)
{
  // Es un dispositivo táctil.
}
else
{
  // No es un dispositivo táctil.
}

Esto es muy útil ya que no se usarán los mismos eventos de Javascript en un PC que en un dispositivo táctil.

Ejemplo

Para probar el ejemplo, copia el código fuente y pégalo en un editor de textos. Guárdalo como ejemplo.html y ejecútalo desde un navegador. read more

Leer más » 2 Comentarios