Detecta el iPad (o iOS) por solo un cambio de href

He buscado en muchas publicaciones y he encontrado bastantes secuencias de commands que networkingirigirán los dispositivos iOS a una página diferente. Pero no quiero cambiar toda la página, solo un enlace.

Todo el sitio (www.example.com) funciona bien para dispositivos iOS e incluye un enlace a una página de aplicación basada en flash (en un host diferente: app.example.com). Esta aplicación particular tiene una versión de iOS para usar en iPads. Cuando se hace clic en el enlace, simplemente quiero que los usuarios de computadoras se envíen a la página de la aplicación flash, y los usuarios de iPad se envíen a una página (en www.) Que les informe sobre la aplicación iOS.

Me imagino algo como:

Use un script de detección de iOS en la cabeza para establecer la variable 'isiPad' en 'verdadero' si el usuario está en el iPad. Luego en el cuerpo algo que funcionaría como:

si 'isiPad' = true, entonces

<a href="http://www.example.com/useiOSapp.html"> Run the App </a> 

de otra manera

 <a href="http://app.example.com/flash-app-page.html">Run the App</a> 

Html

 <a id="myLink" href="">Run App</a> 

Javascript

 $(document).ready(function($){ var deviceAgent = navigator.userAgent.toLowerCase(); var agentID = deviceAgent.match(/(iphone|ipod|ipad)/); if (agentID) { $('#myLink').attr('href', 'http://example.com/useiOSapp.html'); }else { $('#myLink').attr('href', 'http://example.com/flash-app-page.html'); } }); 

Podría ejecutar esto a través de htaccess y reescribir la URL.

 RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$ RewriteRule ^http://example.com/flash-app-page.html$ http://example.com/useiOSapp.html [R=301] 

Alternativamente, puede declarar esto como un js var:

 var isiPad = navigator.userAgent.match(/iPad/i) != null; 

luego, en llamada list, una function que reescribe la url … versión jquery:

 $(document).ready(function(){ if(isiPad) { $('#link_id').attr('href', 'http://example.com/useiOSapp.html'); } }); 

(Asume que también le das a tu enlace una ID de "link_id")

    Intereting Posts