Redirección de pc a móvil

[danigarba]

Hola,

Tengo un gran problema:

Tengo una página diseñada para pc y otra para móvil y quiero que cuando alguien entre desde móvil se redireccione a la página diseñada para móvil.

Actualmente tengo este código que me dijeron tengo que insertar en las páginas diseñadas para pc para que se redireccione a las del móvil si entran desde el móvil:

Código:

<script>
if (document.location.search.indexOf("skipmobile") >= 0) {
document.cookie = "skipmobile=1";
}
else if ((document.location.hostname.match(/\.mobi$/) || screen.width < 699)
&& document.cookie.indexOf("skipmobile") == -1)
{
document.location = "mobile/";
}
</script>

El problema es el siguiente:

Si tengo esta página por ejemplo:

www.ejemplo.com/experiencia

y pongo ese código entonces se redirecciona a www.ejemplo.com y yo quería que se redireccione a www.ejemplo.com/movil/experiencia

¿cómo hago para que se redireccione a la página que yo quiera y no se redireccione siempre a la página principal?

Gracias.

[Panino5001]

Por supuesto, no hay una solución perfecta, pero cuando tengo que hacer ese trabajo, uso lo siguiente:
http://mobiledetect.net/
Es una solución php, pero la han portado a javascript:
http://hgoebl.github.io/mobile-detect.js/

[danigarba]

Ok.

Este código me lo dijeron el otro día en un sitio:

Código:

<script>

//alert("mobile/experiencia.php"+window.location.pathname +  window.location.search);

if (document.location.search.indexOf("skipmobile") >= 0) {
document.cookie = "skipmobile=1";
}
else if ((document.location.hostname.match(/\.mobi$/) || screen.width < 699)
&& document.cookie.indexOf("skipmobile") == -1)
{
document.location = "mobile"+window.location.pathname +  window.location.search;
}
</script>

y si ha funcionado, pero no del todo porque he probado con por ejemplo un navegador poco "común" (poco "famoso") y no se redirecciona.
La redirección me ha funcionado en Chrome y Firefox (los que he probado en un móvil) pero por ejemplo he probado con este navegador "poco común" Dolphin Browser y la redirección no funciona.

¿Alguien sabe si ese script se puede mejorar aún más para que la redirección funcione en todos los navegadores o al menos en más navegadores que Chrome y Firefox?

Gracias.

[lauser]

Probaste lo que te dijo @Panino5001?

[danigarba]

Lo intenté pero es muy complicado para mí, no tengo esos conocimientos.

[satjaen]

A ver si te sirve esto:

Código HTML:

<script type="text/javascript">
if (screen.width<800) {
window.location="http://www.ejemplo.es/mobile.php";
}
if (screen.width == 768) {
window.location="http://www.ejemplo.es/mobile-1.php";
}
if ((screen.width == 1024) && (screen.height == 600)){
window.location="http://www.ejemplo.es/mobile-2.php";
}
</script>
 

Un saludo

[NueveReinas]

A tener en cuenta: http://www.websitedimensions.com/

[danigarba]

Hola,
Al final me "va bien" el código que decía al principio porque hace poco lo probé con el navegador ese "poco famoso" y sí funciona, parece como si hubiera habido alguna actualización en ese navegador que haya hecho que se arregle eso de la redirección.

Escribo el siguiente mensaje porque tengo otra duda:

En la página para versión para movil he puesto un enlace que ponga:

VER PÁGINA COMO EN PC

para que al hacer clic lleve a como se ve en un PC.

El script para que haga eso está hecho ya pero no funciona porque me ha dicho una persona que para que funcione tengo que hacer una modificación en el código del script que dije al principio de este tema:

Código:

<script>

//alert("mobile"+window.location.pathname +  window.location.search);

if (document.location.search.indexOf("skipmobile") >= 0) {
document.cookie = "skipmobile=1";
}
else if ((document.location.hostname.match(/\.mobi$/) || screen.width < 699)
&& document.cookie.indexOf("skipmobile") == -1)
{
//document.location = "mobile/";
document.location = "mobile"+window.location.pathname +  window.location.search;
}
</script>

Me ha dicho que la solución está en poner que el script de redireccionamiento solo funcione la primera vez que se entre y que le dé la condición de redirigir si x valor es igual a true, luego lo vuelva false después del primer redireccionamiento.


¿Alguien puede decirme cómo puedo hacer eso que he dicho en el párrafo anterior en el script? Es que no tengo ni idea.


Gracias.

[difalonso]

Buenos dias.

Estoy probando distintos codigos, y en todos me ocurre que a la hora de hacer la redireccion me desaparece una /, quedado por ejemplo la web www.web.comindex.php en vez de www.web.com/index.php.

Estos son los codigos:

Código:

<script type="text/javascript">
if (screen.width<800) {
window.location="http://www.web.es/indexmovil.php";
}
if (screen.width == 768) {
window.location="http://www.web.es/indexmovil.php";
}
if ((screen.width == 1024) && (screen.height == 600)){
window.location="http://www.web.es/index.php";
}
</script>


<script type="text/javascript">
            var dispositivo = navigator.userAgent.toLowerCase();
            if( dispositivo.search(/iphone|ipod|ipad|Opera Mini|IEMobile|BlackBerry|android/) > -1 ){ 
            document.location = "http://www.web.es/indexmovil.php";
            }; 
</script>


<script type="text/javascript">


 var device = navigator.userAgent
 if (device.match(/Iphone/i) 
 || device.match(/Ipod/i)
 || device.match(/Android/i)
 || device.match(/J2ME/i)
 || device.match(/BlackBerry/i)
 || device.match(/iPhone|iPad|iPod/i)
 || device.match(/Opera Mini/i)
 || device.match(/IEMobile/i)
 || device.match(/Mobile/i)
 || device.match(/Windows Phone/i)
 || device.match(/windows mobile/i)
 || device.match(/windows ce/i)
 || device.match(/webOS/i)
 || device.match(/palm/i)
 || device.match(/bada/i)
 || device.match(/series60/i)
 || device.match(/nokia/i)
 || device.match(/symbian/i)
 || device.match(/HTC/i))
 { 
 //Si viene desde algun dispositivo movil lo direcciona al sitio web movil
 window.location = "http://www.web.es/indexmovil.php";
}
 else
 {
 //De lo contrario no hace nada
 }

</script>

Por que creeis que puede ser eso??

[lauser]

Lo puedes manejar desde htaccess