[SOLUCIONADO] Problemas en redirección

CJaramillo · #1 (**permalink**) 07/04/2015, 17:28

Buen día a todos

El problema que tengo es es siguiente:

Necesito averiguar desde que dispositivo esta accediendo el usuario a mi página web. Para lo cual uso una librería de Github que realiza la función perfectamente.

Una vez que he averiguado si el usuario esta ingresando desde un dispositivo móvil, debo mostrar un mensaje que dice "por favor descargar la aplicación de la tienda". Y si el usuario esta accediendo desde un ordenador le permito el acceso normal a la página.

El index de esta página es el siguiente:

Código HTML:

<html>
<head>
<title>Este es el index</title>
<?php
	include('Mobile_Detect.php');
	$detect = new Mobile_Detect();
	if (!($detect->isMobile())){
		 ?>
		<meta http-equiv="REFRESH" content="0;URL=www.tienda.com" /> <?php		
		die();
	}
 ?>
<meta http-equiv="PRAGMA" content="NO-CACHE" />
<meta http-equiv="CACHE-CONTROL" content="NO-STORE" />
<meta http-equiv="REFRESH" content="0;URL=sys/es/neoclassic/login/login" />
</head>
</html>

El problema es que aunque detecta que el usuario accede desde un móvil, igual se hace la redirección a la página y no a la página de la tienda(esta solo es una página de ejemplo).

Cuando el usuario accede desde un ordenador no hay problema.

De modo que no se que debo hacer para que cuando se acceda desde un móvil, se vaya a la tienda y no siga la redirección que se esta haciendo en el meta.

Estoy usando la plataforma de ProcessMaker.

Agradezco por la ayuda que me puedan brindar.

mardojai · #2 (**permalink**) 07/04/2015, 18:28

Pueden haber mejores maneras, pero se me ocurre con javascript:

Si quieres que también sea pata tablets:

Código HTML:

Ver original<html>
<head>
<title>Este es el index</title>
<script type="text/javascript">
            if (screen.width < 800) {
                document.location = "aqui_link_para_moviles";
            }
            if (screen.width > 800) {
                document.location = "aqui_link_para_pc";
            }
 </script>
</head>
</html>

Si quieres que solo sea para móviles:

Código HTML:

Ver original<html>
<head>
<title>Este es el index</title>
<script type="text/javascript">
            if (screen.width < 500) {
                document.location = "aqui_link_para_moviles";
            }
            if (screen.width > 500) {
                document.location = "aqui_link_para_pc";
            }
 </script>
</head>
</html>

Espero que se entienda, Saludos!

PHPeros · #3 (**permalink**) 08/04/2015, 05:32

También puedes usar rel="alternate" + urls canónicas.

https://developers.google.com/webmas.../separate-urls

Me parece mejor opción, así no dependes de JavaScript.