Tecnología

Inicio

Cómo detectar un iPad con jQuery

Cómo detectar un iPad con jQuery


El iPad es un dispositivo popular para navegar por la web, y se utiliza ampliamente suficiente de que es una idea sensata para acomodarlo al crear sus páginas Web. No puede ejecutar Flash y debido a su tamaño de la pantalla siempre mostrará las páginas web con una resolución de 1024 por 768 píxeles. La creación de una versión de la página Web que toma en cuenta estas consideraciones puede ser la diferencia entre perder y ganar visitantes habituales o clientes. Usando un simple jQuery, se puede determinar el navegador del usuario y hacer los ajustes necesarios.

Instrucciones

1 Abra el archivo de jQuery requiere la utilización de su editor preferido.

2 Crear una nueva variable que va a determinar y almacenar el navegador utilizado para acceder a su página web. Puede cambiar el nombre de la variable "navegador" a una de su elección, pero el objeto "navegador" y su "userAgent" propiedad no puede ser cambiado:

navegador var = navigator.userAgent;

3 Crear una sentencia condicional de usar su nueva variable que le permitirá a su página web para dar instrucciones específicas del navegador del iPad del usuario:

si (browser.match (/ iPad / i)) {

}

4 Coloque las instrucciones dentro de las llaves que siguen a la declaración, y serán realizados únicamente si el jQuery detecta que el usuario está viendo su sitio web con un iPad. Instrucciones comunes incluyen la carga de un archivo CSS diferente que se adapte a las dimensiones del iPad, o alertar al espectador a una aplicación para iPad disponible.

Consejos y advertencias

  • Este código también se puede utilizar como JavaScript autónoma en el archivo HTML o una secuencia de comandos independiente vinculado a su sitio.
  • Debe ejecutar este script lo más pronto posible, para que su sitio puede hacer los ajustes necesarios antes de que el contenido de la página se carga.