En el anterior post he explicado como crear una página para un móvil con la ayuda de jQuery mobile. Pero, ¿cómo mostrar esa página y no la página "normal" en el caso de que nos visiten desde un dispositivo móvil?. A mi me va bien con el siguiente código:
<script type="text/javascript">
if ((navigator.userAgent.match(/(iPhone|iPod|BlackBerry|Android.*Mobile|BB10.*Mobile|webOS|Windows CE|IEMobile|Opera Mini|Opera Mobi|HTC|LG-|LGE|SAMSUNG|Samsung|SEC-SGH|Symbian|Nokia|PlayStation|PLAYSTATION|Nintendo DSi)/i)) ) {
location.replace("http://www.nombredemidominio.com/Movil/index.html")}
</script>
Es un script en javascript el cual coloco entre los head de la página principal. Sólo tenemos que sustituir el contenido de "location.replace" con la dirección de nuestra propia página y la carpeta donde tenemos la versión móvil. Lo he probado en varios móviles y funciona. Lo he probado también en mi tablet de 7 pulgadas y no funciona, lo cual no me importa porque en una tablet se ve bien la página "normal".
<script type="text/javascript">
if ((navigator.userAgent.match(/(iPhone|iPod|BlackBerry|Android.*Mobile|BB10.*Mobile|webOS|Windows CE|IEMobile|Opera Mini|Opera Mobi|HTC|LG-|LGE|SAMSUNG|Samsung|SEC-SGH|Symbian|Nokia|PlayStation|PLAYSTATION|Nintendo DSi)/i)) ) {
location.replace("http://www.nombredemidominio.com/Movil/index.html")}
</script>
Es un script en javascript el cual coloco entre los head de la página principal. Sólo tenemos que sustituir el contenido de "location.replace" con la dirección de nuestra propia página y la carpeta donde tenemos la versión móvil. Lo he probado en varios móviles y funciona. Lo he probado también en mi tablet de 7 pulgadas y no funciona, lo cual no me importa porque en una tablet se ve bien la página "normal".
Comentarios
Publicar un comentario