como mostrar sitio diferente en movil??

[moisesneveu]

Hola... tengo la siguiente inquietud....

he creado algunos sitios web y cuando los abro desde un teléfono móvil con pantalla táctil se ve tal cual obviamente a escala y también obviamente gracias al celular la opción de ampliar o reducir el sitio.

Mi pregunta es si se puede o como se puede hacer para que al entrar desde el computador se vea el sitio con sus menús, módulos, noticias, header, etc.... y que cuando se abra desde un movil solo se muestren un logo y las noticias o lo que yo escoja???? eso si con el mismo dominio.

lo pregunto por que al entrar a emol.com desde el pc se ve el sitio completo... pero al entrar desde un movil con el mismo dominio se ve solo las noticias.

se entiende lo que pregunto??

bueno desde ya gracias por los aportes. saludos.

[4ng3r]

Si se puede, si usa wordpress hay un plugin para eso. Pero si lo quiere hacer le toca validarlo con PHP, he visto algunas librerias para eso

http://www.martiniglesias.eu/blog/de...1#.T0ZPJXlT5R0

Código PHP:

<?php
$mobile_browser = '0';
 
//$_SERVER['HTTP_USER_AGENT'] -> el agente de usuario que está accediendo a la página.
//preg_match -> Realizar una comparación de expresión regular
 
if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i',strtolower($_SERVER['HTTP_USER_AGENT']))){
    $mobile_browser++;
}
 
//$_SERVER['HTTP_ACCEPT'] -> Indica los tipos MIME que el cliente puede recibir. 
if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or
    ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))){
    $mobile_browser++;
}
 
$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-');
 
//buscar agentes en el array de agentes
if(in_array($mobile_ua,$mobile_agents)){
    $mobile_browser++;
}
 
//$_SERVER['ALL_HTTP'] -> Todas las cabeceras HTTP
//strpos -> Primera aparicion de una cadena dentro de otra
if(strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
}
if(strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
}
 
if($mobile_browser>0){
        // Mostrar contenido para dispositivos móviles
        // Estos pueden ser más ligeros: un titulo, resumen y algunos enlaces.
        // Aca puede redirigir a la ruta donde este el contenido para moviles
        // Por ejemplo: http://miweb.com/movil ó http://movil.miweb.com
    echo 'hola navegador cell phone';
}else{
        // Contenido que se puede apreciar en navegadores de escritorio
        echo 'hola navegador normal';
}
?>
 

O revise este codigo, salu2

[moisesneveu]

4ng3r... que nick mas complicado... jejej, te agradezco mucho la respuesta que me diste... se ve interesante, la voy a estudiar.

conocen alguna otra forma de hacerlo???

Saludos a todos. gracias.

[casadepacas]

Buenos días a todos.
Os agradezco de antemano vuestra ayuda. Gracias.
Tengo el sitio www.casadepacas.com , mi pagina principal es la index.html
En estos momentos estoy creando una versión movil con el dreamweaver CS5.5 que incluye herramientas JQuery mobile para su creación.
Tengo una versión de prueba, pero no se como hacer para que cuando un movil navegue y aparezca mi url se abra automaticamente la indexmovil en lugar de la index para pc??.
De neuvo os agradeceria muchisimo vuestra ayuda y si necesitais algún dato más, se agradece que me lo comenteis.
Saludos

Paqui

[bralmu]

Si usas javascript es bastante fácil detectarlo:

Código:

function detectarNavegador() {
  var useragent = navigator.userAgent;
    
  if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
	// Es un teléfono móvil
  } else {
    // No es un teléfono móvil
  }
}

fuente: http://code.google.com/intl/es-ES/apis/maps/documentation/javascript/basics.html

En las líneas comentadas tienes que cargar una página u otra según sea el caso.

Un saludo.

[casadepacas]

Gracias Bralmu.
Esas lineas de codigo que me ofreces las tengo que poner en la index.html (version pc ) ??
Y donde, al principio de la cabecera??

Gracias de nuevo
Paqui

[johnvergara1]

Hola amigos, me interesó este tema y me inscribí... les cuento que encontré esto para detectar los moviles, está en PHP.

Código PHP:

  // android 
$ua = strtolower($_SERVER['HTTP_USER_AGENT']); 
if(stripos($ua,'android') !== false) { // && stripos($ua,'mobile') !== false) { 
  header('Location: http://android.davidwalsh.name'); 
  exit(); 
} 
 
// ipad 
$isiPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad'); 
 
// iphone/ipod 
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) 
{ 
  header('Location: http://yoursite.com/iphone'); 
  exit(); 
}  
   

Bien, le tengo una pregunta a los que saben...

Este código tengo que llamarlo index.php y este me llamará el sitio dependiendo a cual corresponda gracias a location verdad??

si tuviese un index creado con todo su contenido este código puedo ponerlo en la parte superior para que el index siga mostrandose en pc??

gracias.

[moisesneveu]

Saludos a todos...

Gracias por sus respuestas, están bastante interesantes....

gracias John por tu respuesta está muy simple y funciona bien al aprecer.

[johnvergara1]

Hola denuevo, les traigo otra pregunta...

mi sitio es asi

raiz:
index
android: index
iphone: index

en la raiz está obviamente el index que es el que se muestra cuando acceden desde cualquier computador

hay tambien una carpeta android con su propio index y una iphone con su propio index

el problema es que cuando entren a android desde pc la idea sería que lo tirara al index de la raiz y no al index de android, en otras palabras la idea sería no mostrar android ni iphone en pc.

existe la forma de detectar si entran de un pc y asi tirarlos a donde corresponda?

no se si me explique bien. ojalá se entienda.

[casadepacas]

Gracias a todos.
Ya consegui el redireccionamiento hacia la versión movil desde el index (versión pc ), funciona perfectamente.

Iniciado por casadepacas

Buenos días a todos.
Os agradezco de antemano vuestra ayuda. Gracias.
Tengo el sitio www.casadepacas.com , mi pagina principal es la index.html
En estos momentos estoy creando una versión movil con el dreamweaver CS5.5 que incluye herramientas JQuery mobile para su creación.
Tengo una versión de prueba, pero no se como hacer para que cuando un movil navegue y aparezca mi url se abra automaticamente la indexmovil en lugar de la index para pc??.
De neuvo os agradeceria muchisimo vuestra ayuda y si necesitais algún dato más, se agradece que me lo comenteis.
Saludos

Paqui

[biechevarria]

Iniciado por 4ng3r

Si se puede, si usa wordpress hay un plugin para eso. Pero si lo quiere hacer le toca validarlo con PHP, he visto algunas librerias para eso

[url]http://www.martiniglesias.eu/blog/detectar-que-el-visitante-navega-desde-un-dispositivo-movil-con-php/51#.T0ZPJXlT5R0[/url]

Código PHP:

<?php
$mobile_browser = '0';
 
//$_SERVER['HTTP_USER_AGENT'] -> el agente de usuario que está accediendo a la página.
//preg_match -> Realizar una comparación de expresión regular
 
if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i',strtolower($_SERVER['HTTP_USER_AGENT']))){
    $mobile_browser++;
}
 
//$_SERVER['HTTP_ACCEPT'] -> Indica los tipos MIME que el cliente puede recibir. 
if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or
    ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))){
    $mobile_browser++;
}
 
$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-');
 
//buscar agentes en el array de agentes
if(in_array($mobile_ua,$mobile_agents)){
    $mobile_browser++;
}
 
//$_SERVER['ALL_HTTP'] -> Todas las cabeceras HTTP
//strpos -> Primera aparicion de una cadena dentro de otra
if(strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
}
if(strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
}
 
if($mobile_browser>0){
        // Mostrar contenido para dispositivos móviles
        // Estos pueden ser más ligeros: un titulo, resumen y algunos enlaces.
        // Aca puede redirigir a la ruta donde este el contenido para moviles
        // Por ejemplo: http://miweb.com/movil ó http://movil.miweb.com
    echo 'hola navegador cell phone';
}else{
        // Contenido que se puede apreciar en navegadores de escritorio
        echo 'hola navegador normal';
}
?>
 

O revise este codigo, salu2

Hola amigo.

Yo tengo una duda similar a "moisesneveu" en mi caso yo estoy usando Joomla y no me gusta nada como queda el menu de la plantilla que he elegido y algunos textos.

La pregunta es: ¿Como puedo crear una pagina con un subdominio y que el dispositivo lo detecte con las cosas que yo elija de la pagina?.

Si hay una forma mas facil por favor decidmelo.


Saludos a todos.

PD: No pongo ningun dominio porque aun no esta la pagina colgada. Quien me quiera ayudar le paso cualquier info que necesite.

[figoberto]

Gracias por la ayuda me resolvio a mi tambien