Escrito por: Martín el 26-04-2011 05:00:02 y leído 9854 veces

Vía el blog (interesantísimo por cierto) de David Walsh, nos deja 3 post donde nos explica con 2 líneas de código como detectar si tu visitante está utilizando el sistema operativo Android, un iPad o un iPhone/iPod.

Los artículos completos están en:

• Detección de Android por David Walsh
• Detección de iPad por David Walsh
• Detección de iPhone/iPod por David Walsh

A continuación los códigos, pero no olvides que visitar el post original de cada caso por si se me escapó algo.

Nota: la detección de iPhone con htaccess la aporté yo.

Código JAVASCRIPT

// android
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
  // Do something!
  // Redirect to Android-site?
  window.location = 'http://android.davidwalsh.name';
}

// ipad
// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);

// iphone/ipod
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   if (document.cookie.indexOf("iphone_redirect=false") == -1) window.location = "http://m.espn.go.com/wireless/?iphone&i=COMR";
}

Código PHP

// android
$ua = strtolower($_SERVER['HTTP_USER_AGENT']);
if(stripos($ua,'android') !== false) { // && stripos($ua,'mobile') !== false) {
  header('Location: http://android.davidwalsh.name');
  exit();
}

// ipad
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');

// iphone/ipod
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod'))
{
  header('Location: http://yoursite.com/iphone');
  exit();
}

Código HTACCESS

// android
RewriteCond %{HTTP_USER_AGENT} ^.*Android.*$
RewriteRule ^(.*)$ http://android.davidwalsh.name [R=301]

// ipad
RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

// iphone/ipod
RewriteEngine on  
RewriteCond ${HTTP_USER_AGENT} iPhone  
RewriteRule .* http://m.tuweb.com

Categorías: Iphone • Ipad • Android • Htaccess • Php • Javascript •

Artículos relacionados:

• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• jQuery Alert Dialogs... reemplaza las alertas
• Tiny Scrollbar... la alternativa a jScrollPane para jQuery

100 Búsquedas de este artículo:

detectar iphone php • detectar android javascript • HTTP_USER_AGENT android • detectar ipad javascript • detectar android • detectar ipad • RewriteCond %{HTTP_USER_AGENT} ^ *iPhone *$ • javascript android • detectar iphone • javascript detectar ipad • php navegador android • jquery detectar ipad • detectar iphone ipad php • javascript ipad • php detectar iphone • http_user_agent ipad • detectar ipad php • Detectar si navegador es Ipad o iPhone PHP • identificar mobil tableta php • detectar navegador android • como redireccionar a ipad y a iphone • jquery how to redirect moviles • detectar iphone android php • detectar android php • detectar mobile • detectar navegador ios • identificar iphon con php • detectar movil htaccess • php detectar ipad • detectar ipad iphone • http_user_agent javascript • android javascript • codigo php para saber si sitio browser ipad • detectar movil html • if((navigator userAgent match(/iPhone/i)) • detectar ipad jquery • como distinguir con javascript que es un iphone o un andrid • android o iphone • detectar iphone android • reconocer cuando abre en ipad • android iphone • detectar android iphone • http_user_agent php • detectar iphone javascript • javascript iphone • detectar si es ipad o android • código de detección de iphone • detectar un iphone en php • detectar navegador android javascript • php identificar android • detectar mobile javascript • funcion detectar navegador movil jquery • detectar una tablet android php • como detecto sistema android o iphone • detectar navegador android php • detectar android con javascript • detectar ipad y redireccionar • detectar navegadores moviles con htaccess • detectar iphone ipad javascript • detectar user agent ipad • redireccionar javascript user agent • identificar ipad en navegador • identificar iphone php • iphone android • detectar ipad iphone php • javascript que detecte ipad • script para detectar un sitio movil e ipad • detectar iphone con php • codigo php para saber si es ipad • redireccionar una pagina web a un iphone • detectar iphone ipad • html detectar android • javascript detectar android • javascript saber si el navegador es mobil • if((navigator useragent match(/iphone/i)) || (navigator useragent match(/ipod/i))) { • web autodetectar dispositivo movil • identificar movil por jscript • detectar codigo ipad • detectar android ipad o iphone con javascript php o htaccess • php saber sistema operativo • php if android • user agent javascript • codigo javascript iphone • navigator userAgent match • var ua = navigator userAgent; • detectar si es ipad jquery • php detectar iphone ipad • php como detectar si navegas por un iPad • detectar iPhone o iPad • php identificar ipad • jquery detectar mobile • ipad javascript • reconocer android html • detectar ipad web • javascript detectar navegador android • php detectar android • javascript detectar iphone y ipad • como detectar ipad • detectar ios javascript • navigator userAgent match(/iPhone/i •