Directiva htaccess para redireccionar web en dispositivo móvil

Ya es sabido que es muy importante el diseño y desarrollo de nuestro site para integrarlo en dispositivos móviles como iPads, iPhones y el resto de smartphones. Hay que elaborar un diseño más fácil para que sea legible y se pueda usar en múltiples resoluciones. Teniendo ésto en cuento y previamente haber hecho adaptaciones para los dispositivos móviles, incluyo una redirección de apache que se puede incluir en el htaccess de nuestro desarrollo para llevar a cabo la redirección del dispositivo móvil del que venga y así redirigir a una versión móvil más optima para el usuario de teléfono o dispositivo móvil.

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT}  "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

Otra versión en htaccess que redirecciona en función del navegador web es la que he visto en la herramienta http://detectmobilebrowsers.com/

En esta herramienta podemos ver diferentes manera de redireccionar en función del navegador web del dispositivo móvil, y se puede hacer en muchos lenguajes, tipo python, perl, JSP, Javascript, php, etc.. también hay una directiva para el servidor nginx.

8 opiniones en “Directiva htaccess para redireccionar web en dispositivo móvil”

  1. De hecho es fácil, lo rewrite cond toman el dato y le dicen al navegador en caso de que detectes estos navegadores y estos otros haz lo que el rewrite rule de al final que te manda a la carpeta /m/, lo probare en cuando este de la xompu que ahora ando del celular

    1. Lo siento que no lo entiendas o que te hayas quedado igual. Pero este artículo es para programadores que tengan un conocimiento básico o que sean los suficientemente proactivos como para solucionar sus problemas con este fragmento de código.

      Si tienes una duda concreta házmelo saber

      Un saludo!

      1. Me parece fatal que me contestes con esa prepotencia. Yo sólo he dicho que se entiende de poquito tirando a nada tú código, porque no distingo donde está la URL para redirigir ni nada. Pero tranquilo, como programador básico proactivo que soy ya he entrado en detectmobilebrowsers y he solucionado mis problemas.

          1. Pues tienes un muy buen blog. De hecho he acabado aquí de nuevo tras buscar otra cosa distinta.

            No te preocupes, lo mío sólo era una duda puntual. Perdóname a mí si me he puesto un poco borde.

            😉

  2. realmente amigo me dejo igual que cuando llegue a su pagina, sin saber que hacer, mi opinion es que cuando publicamos estos tipos de articulos debemos al menos ilustrarlos con un ejemplo para aquellos menos avanzado en el tema lo entiendan y lopuedan aplicar de inmediato, es mi percepcion y recomendacion para si es posible se tenga en cuenta.

    un saludo y de todas formas gracias por el post

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *