miércoles, 11 de abril de 2012

JavaScript - Detectar Acceso Móvil

Desde Javascript se puede detectar si accedemos desde un dispositivo móvil. Para conocer esto deberemos inspeccionar el elemento navigator.userAgent en el DOM. Esto puede ser útil para modificar el comportamiento o el estilo de algunos elementos que tengamos en nuestra web.Veamos un ejemplo detectando si entramos desde iPhone o desde un dispositivo Android.

function detectBrowser() {
  var useragent = navigator.userAgent;
    
  if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
    // Comportamiento desde móvil.
  }
}

Una utilidad para esto podría venir con Google Maps. Desde Google nos recomiendan que ejecutemos los mapas con un alto y ancho del 100% de la pantalla en iPhone y Android. Si usasemos siempre el 100% de la pantalla algunos navegadores de escritorio no funcionarian correctamente. Por lo tanto, si venimos desde movil pondríamos el mapa al 100%. En caso contrario al tamaño que deseemos.

No hay comentarios:

Publicar un comentario