logo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus, ut hendrerit mi pulvinar vel. Fusce id nibh

Mobile Marketing

Pay Per Click (PPC) Management

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Fell Free To contact Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus

1-677-124-44227

info@your business.com

184 Main Collins Street West Victoria 8007

¿HABLAMOS? 93 675 12 21 | 644 435 900

¿HABLAMOS? 93 675 12 21 | 644 435 900

OFICINA CENTRAL: RBL. EXPOSICIÓ 59 | EDIFICIO NEÀPOLIS 08800 VILANOVA

 

Diseño Web para iPhone, iPod, iPad. Detectar navegador.

Agencia de marketing digital en Vianova / Diseño páginas web  / Diseño Web para iPhone, iPod, iPad. Detectar navegador.

Diseño Web para iPhone, iPod, iPad. Detectar navegador.

Información extraida de: http://gloobs.wordpress.com/2010/08/03/diseno-web-para-iphone-ipod-ipad-detectar-navegador/

Lo ideal sería tener una web adaptada a cualquier tipo de navegador, pero es muy grande la diferencia de usabilidad que existe entre el usuario que accede a nuestro contenido a través de su pantalla de ordenador y el que lo hace a través de un terminal móvil. El tamaño de pantalla, la falta de ratón, incluso el tiempo de dedicación, mucho menor que el que pueda tener un usuario desde casa, son algunos de los factores que nos obligan a tener nuestra web adaptada a estos terminales móviles.

A continuación vamos a ver cómo detectar si el usuario accede a nuestra web con un iPhone, iPod Touch o un iPad.

DETECTAR NAVEGACIÓN CON IPHONE, IPOD O IPAD

Una vez tomada la decisión de que necesitamos una adaptación de nuestros contenidos para iPhone, lo que tenemos que hacer es colocar un código en la cabecera de nuestras páginas, de este modo, cada vez que un usuario acceda a través de su iPhone a nuestra página, será redirigido a la adaptación que hemos diseñado para él.

El código es el siguiente:

<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') != -1) | (navigator.userAgent.indexOf('iPod') != -1) )
 | (navigator.userAgent.indexOf('iPad') != -1) )

{
/* iPhone user */
window.location.href=”iphone/”;
}
</script>
Lo único que debéis cambiar es el window.location y sustituir “iphone/” por la url en la que tengáis colocada vuestra adaptación web para iPhone.

Abrir chat
Hola, ¿Te podemos ayudar?