2012-01-06 5 views
6

Hemos desarrollado un sitio web que tiene página de inicio principal y la página móvil, uno es para el móvil y el otro es para PC.Cómo detectar una solicitud de página es de móvil o cliente de escritorio lado

Quiero código para detectar el dispositivo automáticamente y navegar a la página de inicio si el usuario es de dispositivo móvil y navegar a la página de inicio si el usuario es de PC y el problema es que debería estar usando JavaScript o HTML simple.

+0

posible duplicado de [¿Cómo detectar un dispositivo móvil con javascript?] (Http://stackoverflow.com/questions/6666907/how-to-detect-a-mobile-device-with-javascript) – ManseUK

+0

O este -> http://stackoverflow.com/questions/1005153/auto-detect-mobile-browser-via-user-agent – ManseUK

+0

¿Por qué harías esto con JavaScript y no con el servidor? – epascarello

Respuesta

1

Para determinar esto es necesario comprobar la cabecera HTTP de la petición de su sitio web, en particular, la cadena User-Agent.

Usted no ha mencionado qué tecnologías que está usando, pero se puede redirigir a nivel de servidor web o dentro de su aplicación.

+1

Desde su enlace: mala práctica * Agente de usuario oler ahora se considera, ... En cambio, el W3C recomienda la creación de formato HTML que es estándar, lo que permite la representación correcta en el mayor número de navegadores posible, y para detectar si existen características específicas del navegador en lugar de en particular versiones de navegador o marcas. * – Sablefoste

+0

@Sablefoste - La función de acuerdo "olfatear" ahora se considera una práctica mejor. Escribí la respuesta hace 4 años :-) –

1

No haga sitios separados. Usa un diseño reactivo. El navegador en mi teléfono es tan bueno como el que está en mi escritorio.

+0

El diseño reactivo es un poco vago en este contexto. Puede ser útil navegar de manera condicional a una página separada donde se puede suponer el uso de dispositivos móviles, lo que permite eliminar elementos inflados en la respuesta del servidor, como imágenes pesadas, secuencias de comandos y hojas de estilo. O donde el contexto de uso para dispositivos móviles es drásticamente diferente del escritorio. Simplemente servir un documento reactivo de una página no siempre es el mejor enfoque, tal como se aborda en el capítulo Becoming Responsive de Ethan Marcotte en Responsive Web Design (de A Book Apart). – Rich

6

http://detectmobilebrowsers.com/ tiene un código abierto de JavaScript para detectar un navegador móvil que se puede utilizar.

+2

¿conoce algún ejemplo sobre su uso? Miré el sitio web y el código fuente de la página. No está muy claro cómo usar su versión de JavaScript. ¡Gracias! – curious1

Cuestiones relacionadas