Redireccionamiento móvil
https://stackoverflow.com/questions/609423
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Tengo una página web y recientemente me pidieron que creara la versión móvil, ahora que lo he hecho, me pidieron que realice una redirección automática para que si el usuario ingresa a la página web a través de un PDA / iPhone / Smartphone / etc se dirige automáticamente a m.website.com pero no tengo idea de cómo hacerlo = / He probado algunos PHP y javascripts que encontré usando Google pero hasta ahora nada me ha ayudado. ¿Podrían ustedes?
Solución
Revise WURFL y cree un redirector 302 para Agentes de usuario que coincidan con su lista de cadenas de agente de usuario de navegador móvil.
O, simplemente busque el iPhone en User-Agent y rediríjalos a su sitio de iPhone. Los otros navegadores tienen una cuota de mercado tan pequeña que no vale la pena apuntarles. iPhone es el 67 por ciento del tráfico de HTML web móvil. Puedes hacer esto en Javascript en tu página web.
Otros consejos
He publicado la última versión de " Apache Mobile Filter " ;, este proyecto de código abierto tiene en los primeros 8 meses, más de 1100 descargas de sourceforge y supongo que las mismas de CPAN.
El filtro móvil de Apache le permite acceder a WURFL desde cualquier lenguaje de programación, no solo Java y php que se usa tradicionalmente para sitios web móviles dinámicos.
El módulo detecta el dispositivo móvil y pasa las capacidades de WURFL a la otra aplicación web como variables de entorno. También se puede utilizar para cambiar el tamaño de las imágenes sobre la marcha para adaptarse al tamaño de la pantalla del dispositivo móvil. Pruébalo y déjame saber tu opinión.
Para obtener más información: http://www.idelfuschini.it /it/apache-mobile-filter-v2x.html
Escribí un script JS llamado " redirection_mobile.js " Para resolver este problema. Detecta el agente de usuario y lo redirige a una versión móvil si está accediendo a un sitio desde un dispositivo móvil.
En algunos casos, desea redireccionar desde un dispositivo móvil a una versión de escritorio (como con un enlace " Ir al sitio principal "), el script lo manejará y una vez que finalice su sesión, tendrá acceso a La versión móvil de nuevo.
Puede encontrar el código fuente en github aquí https://github.com/sebarmeli/JS-Redirection-Mobile-Site y puede leer más detalles en uno de mis artículos aquí:
quizás si enumera su código que no funciona, se podría proporcionar más ayuda.
si tienes php, la detección de User Agent funciona bien en la mayoría de las circunstancias.
< ?php
$browser = strpos( quizás si enumera su código que no funciona, se podría proporcionar más ayuda.
si tienes php, la detección de User Agent funciona bien en la mayoría de las circunstancias.
<*>
Además, esto parece un duplicado de:
Identificando diferentes teléfonos móviles y redirigiendo a diferentes sitios web / p>SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { header(”Location: http://www.example.com/“); }
}
?>
Además, esto parece un duplicado de: Identificando diferentes teléfonos móviles y redirigiendo a diferentes sitios web / p>
Se hizo una pregunta muy similar y se respondió aquí:
¿Cómo puedo determinar si es un dispositivo móvil con PHP?
Tradicionalmente los dispositivos móviles han sido detectado mediante la comparación de HTTP Encabezado usuario-agente contra una lista de cuerdas UA móviles bien conocidas. Una novela En su lugar, el enfoque trata de detectar el presencia de un sistema operativo de escritorio - cualquier cosa que se encuentra que no es un sistema operativo de escritorio entonces debe ser móvil.
Esto resulta en mucho menos falso positivos.
He escrito una publicación con código de ejemplo en Python aquí:
Detecta si un dispositivo es un escritorio: si no lo es, entonces redirige a tu sitio móvil.
Saludos,
John
Una vez que haya configurado su subdominio móvil, asegúrese de consultar este artículo de A List Apart que describe cómo reaccionan los dispositivos móviles al atributo CSS, media = " handheld " ;. Desafortunadamente, no todos reaccionan igual.
http://www.alistapart.com/articles/returnofthemobilestylesheet
El " Filtro móvil de Apache " es uno de los módulos de " Apache Module Registry " portal ( http://modules.apache.org/search.php?id=1787 )
Utilizo http://detectmobilebrowser.com , y descubrí que es la forma más rápida y sencilla. Funciona bastante bien. Este sitio genera scripts de servidor automáticamente (php, perl, python, coldfusion, apache, jquery, etc.) que detectan el navegador móvil y redireccionan en consecuencia. Solo puede copiar y pegar el código en algún lugar de su archivo de índice.
Este bit de Javascript también podría ayudar:
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB10|IEMobile|Opera Mini/i.test(navigator.userAgent) ) //Specify the mobile devices that you would like this if statement to apply to.
{
image_y = document.getElementById('bodyID'); //Get the ID of the body and assign it to a variable.
image_y.parentNode.removeChild(image_y); //Remove the body to prevent anything loading on the screen in case there are issues with the window location redirect.
window.location = "mobile.html"; //Re-assign the window location to a new html page that is caters for the redirect.
}
</script>
Lo coloqué en el inicio del cuerpo HTML.
