redireccionar una web al diseño iphone

[ggustabo]

hola chicos, tengo un problema

Tengo una web en HTML y quiero que detecte cuando alguien se conecta a ella desde un iphone para que la redireccione hacia el diseño especial para iphone, he seguido estas premisas:

http://nettuts.com/misc/learn-how-to-develop-for-the-iphone/

y he puesto en 'body' este javasitript

<script type="text/javascript">
var browser=navigator.userAgent.toLowerCase();
var users_browser = ((browser.indexOf('iPhone')!=-1);
if (users_browser)
{
document.location.href='www.yourdomain.com/iphone_index.html';
}
</script>

pero no me funciona, me podeis ayudar y decirme qué hago mal?¿?¿?

soy un aficionado solo al diseño web, así que no entiendo mucho de codigo.

[berthely]

Creo que el navegador no es 'iPhone' sino 'Safari' en la version para el iPhone, y recuerda que tambien existe el iPod touch, asi que creo que el error esta en 'iPhone' para lo cual abria que investigar.

Encontre esto en los comentarios de el Post que envias.

Código PHP:

  if (ereg(”iPod|iPhone|Aspen”, $_SERVER["HTTP_USER_AGENT"])) 
{ 
echo ‘iphone/itouch/aspen’; 
} 
else 
{ 
echo ‘not iphone/itouch/aspen’; 
}  
   

Es cuestion de investigar en la web. saludos.

[zm2175]

Gustabo, encontré esto que quizas te ayude...


If you want to detect an iPhone, and serve content specifically to iPhone and iPod touch users, you can check the browser’s user agent string, which is an identifier that the browser sends to a server when it is asking to view a file. The iPhone’s user agent string is reported as something like this:

HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en)
AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3

As you can see, it includes the word “iPhone” in there, as well as saying that the browser uses the same KHTML rendering engine as Safari on the desktop. Using JavaScript, we can check for the presence of this text and then make the page behave differently using this browser detect:

Código:

var agent = navigator.userAgent.toLowerCase();
var is_iphone = ((agent.indexOf('iphone') != -1);
if (is_iphone) {
    // do something here
}

It’s wise not to do too much here that is specific to a certain mobile phone, especially as more devices are coming onto the market with similar functionality. But a few little touches here and there are always welcome.

[Carlangueitor]

El tema está un poco viejo pero igual ayuda:

Yo prefiero hacerlo desde .httaccess así me ahorro un poquitín de código:

Código .httaccess:

RewriteCond %{HTTP_USER_AGENT} ^.*iPhone.*$
RewriteRule ^(.*)$ http://movil.tupagina.com [R=301]
 

Puedes agregar para iPod, Blackberry, etc.

Saludos

[zm2175]

Carlanga, este httpaccess lo colocas dentro de una etiqueta (head)?
Podrías escribir un ejemplo de cabecera de página? Gracias!!!

[Carlangueitor]

No, ese archivo es uno con extensión .httaccess y lo pones en la raiz del sitio. Más Info: http://httpd.apache.org/docs/1.3/howto/htaccess.html

Saludos

[newboy_master]

Carlangueitor no había leído tu mensaje y me he puesto a buscar justo la solución para .htaccess. Ya que estoy añado las líneas para redireccionar al navegar desde Blackberry y Palm ;)

http://sentidoweb.com/2010/04/12/red...e-htaccess.php

Salu2.