Tiempo En Tener Efecto El Diseño Exclusivo Para Moviles

[fido-strike]

Se que el diseño responsive es instantáneo, es decir, terminas el diseño responsive, entras en la pagina y automaticamente el diseño se adapta al movil o al ordenador, pero ahora... ¿en el caso de una pagina exclusiva para moviles?

Tengo una URL http://dominio.com, al cual no hice el diseño responsive en la misma pagina, opte por crear una pagina exclusiva para moviles http://movil.dominio.com, el cual ya cuenta con sus respectivas cabeceras metas "alternate" y "canonnical", sin embargo a pesar de haber leido que con estas cabeceras el navegador deberia reconocer la pagina a mostrar no lo hace, me conecto desde un movil y sigue mostrandome la pagina de PC.

Me falta hacer algo todavia? tengo que esperar? esto de esperar no se si sera correcto, por que se supone que es el navegador quien determina esto y no Google ni algun otro sistema que tenga que detectarlo, es el navegador, por lo cual deberia ser instantaneo.

Siento haber dado tantas vueltas para decir lo mismo, pero es que si no trato de explicarlo lo mejor que puedo (detalladamente) me hago la idea de que no me van a entender y por lo cual no recibire una correcta respuesta.

Saludos y gracias de antemano.

[xfxstudios]

podrias utilizar una libreria que detecte si es movil, tablet o pc:

LIBRERIA

para utilizarla, la llamarias desde la pagina principal de tu diseño para pc:

Código PHP:

require_once ('Mobile_Detect.php');
 
$detect = new Mobile_Detect();
 
if ($detect->isMobile()) {
// Detecta si es un móvil
}
if ($detect->isTablet()) {
// Si es un tablet
}
if ($detect->isAndroidOS()) {
// Si es Android
}
if ($detect->isiOS()){
 //Si es iOS
}
 

pruebala y avisas cualquier cosa

[siddartha23]

El código funciona igual en un dominio que en un sub-dominio, así que los mas seguro es que tus etiquetas <meta> no están definidas correctamente....

[fido-strike]

Iniciado por xfxstudios

podrias utilizar una libreria que detecte si es movil, tablet o pc:

Gracias por tu respuesta, de momento quisiera lograr que funcione solo con el codigo Meta en el HTML, dado que la pagina ya esta un poco pesada para seguir agregando mas codigos de librerias extras, en caso de que no funcione supongo que tendre que optar por esa opcion, pero espero que no.

Por otro lado, el punto no es buscar alternativas para que la pagina exclusiva para moviles funcione, el punto es hacer que el META rel funcione, por que en principio no tendria sentido que este existe para que al final todos opten por una libreria, es como decir, como no funciona pues me voy por otra cosa, DEBERIA funcionar, y es a donde quiero llegar.

Tambien siddartha23, la pregunta es si el cambio y el hecho de mostrar la pagina exclusiva para moviles deberia ser instantaneo, es decir, desde el momento que se publica la pagina para movil, cuando alguien se conecte a la pagina para pc, deberia redirigirse a la pagina para movil al instante? o es que hay un tiempo que esperar para que surja efecto. esa es la cuestion.

Sin embargo, quiza sea lo que dices, que si debería funcionar, pero no te va por que el código esta mal, dejo ambos codigos en ambas versiones, ustedes ven algo erroneo?

En pagina para PC:

Código HTML:

<link rel='canonical' href='http://mp3.music-strike.net/0041835/pablo+lopez+-+Tu+Enemigo+(ft+Juanes)/' />
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.mp3.music-strike.net/0041835/pablo+lopez+-+Tu+Enemigo+(ft+Juanes)/" />
 

En pagina para moviles:

Código HTML:

<link rel='canonical' href='http://mp3.music-strike.net/0041835/pablo+lopez+-+Tu+Enemigo+(ft+Juanes)/' />
 

Aqui faltaria algo? hay algun error?

Repito que el problema es que cuando entro a la pagina version PC desde un movil, este me sigue mostrando esa version y no la del movil, yo imagino que deberia redireccionar o automaticamente entrar directamente a la version movil, pero no lo hace, por eso pregunto si se trata de esperar o es que no deberia pasar nada.

Saludos.

[siddartha23]

Una de las etiquetas que deberías tener en tu header es la que le pasa parámetros al "viewport"

Código HTML:

<meta name="viewport" content="width=device-width, initial-scale=1"/>