Ir al contenido principal

Redireccionar a otra pagina si nos visitan desde un dispositivo móvil.

   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".
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Leer un archivo XML con jQuery y javascript y modificar un HTML con su contenido

   Una manera muy interesante y fácil de modificar los textos de tu página web. Si, por ejemplo, tenemos una página donde cambiamos a menudo unas noticias que tenemos en el margen derecho, podríamos tener un código HTML como este:    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Manejar archivo XML</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="leerxml.js"></script> <link rel="stylesheet" href="estilos.css"> </head> <body> <h1>Titulo de la página</h1> <div id="derecha"> <div class="noticias"> <div class="prim...
9 comentarios
Leer más

Código jQuery para ver una imagen al pasar el ratón sobre un enlace.

   Voy a explicar un código en jQuery , para que, al pasar el puntero del mouse sobre un enlace o, en este caso, sobre un texto cualquiera (sin necesidad de ser un enlace), se nos muestre una imagen cerca del enlace y que esta desaparezca al retirar el puntero del mouse (sin necesidad de hacer click sobre él). Podéis pensar que me estoy repitiendo con un anterior post. Casi que si. Pero la diferencia es que, en este caso, no sabemos donde estará situada la imagen. Es decir que, dependiendo de la situación de la pantalla donde esté el enlace o texto, allí se mostrará la imagen.    Vamos al grano. Primero el código en HTML:       <span class="enlace" title="hyneria.png">Hyneria</span>    Podéis ver que, en este caso, no se trata de un enlace. Le pongo el nombre de 'enlace' a la clase porque en el CSS le doy apariencia de enlace. Aquí lo importante es 'title' el cual contiene el nombre de la imagen que queremos most...
6 comentarios
Leer más

Pase de fotos (slider) en jquery: bxslider

  Hay un buen puñado de sliders fotográficos, realizados en jquery , para elegir; véase la página de AjaxShake . Pero en este post me voy a centrar en uno: bxslider . En realidad sólo he probado dos, el mencionado, y CodaSlider . El CodaSlider también está bien, pero en la página de Gutierrez Sustacha , lo sustituí por el bxslider solamente porque tenía una función de la que carecía el Coda: la de poder parar la presentación al pasar el mouse por encima. Algo que me interesaba ya que, al lado de las fotos hay bastante letra y, además, enlaces. Así, el visitante puede revisar con tranquilidad el contenido.   Además, según mi criterio, creo que los sliders fotográficos pueden encajar en páginas variadas. Podéis ver esta de mecánica del automóvil y esta otra de excavaciones y movimientos de tierra .   Bueno, vamos al grano. Lo primero,  descargaros de aquí todo lo necesario para empezar a funcionar. Lo segundo, dentro de las etiquetas <head> de tu página, c...
5 comentarios
Leer más