detectar dispositivo movil

juansemaster · #1 (**permalink**) 19/03/2015, 06:57

Desde php se puede detectar si se entra desde un dispositivo movil para establecer archivos y css adaptadas para esas pantallas?

matt_1985 · #2 (**permalink**) 19/03/2015, 07:01

Creo que esto te podria servir para detectar el dispositivo :

Código PHP:

Ver original<?php
  
$tablet_browser = 0;
$mobile_browser = 0;
$body_class = 'desktop';
 
if (preg_match('/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
    $tablet_browser++;
    $body_class = "tablet";
}
 
if (preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
    $mobile_browser++;
    $body_class = "mobile";
}
 
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++;
    $body_class = "mobile";
}
 
$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','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-');
 
if (in_array($mobile_ua,$mobile_agents)) {
    $mobile_browser++;
}
 
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'opera mini') > 0) {
    $mobile_browser++;
    //Check for tablets on opera mini alternative headers
    $stock_ua = strtolower(isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])?$_SERVER['HTTP_X_OPERAMINI_PHONE_UA']:(isset($_SERVER['HTTP_DEVICE_STOCK_UA'])?$_SERVER['HTTP_DEVICE_STOCK_UA']:''));
    if (preg_match('/(tablet|ipad|playbook)|(android(?!.*mobile))/i', $stock_ua)) {
      $tablet_browser++;
    }
}
if ($tablet_browser > 0) {
// Si es tablet has lo que necesites
   print 'es tablet';
}
else if ($mobile_browser > 0) {
// Si es dispositivo mobil has lo que necesites
   print 'es un mobil';
}
else {
// Si es ordenador de escritorio has lo que necesites
   print 'es un ordenador de escritorio';
} 
?>

Saludos

juansemaster · #3 (**permalink**) 19/03/2015, 07:04

Muchas gracias! tengo que adaptar todo mi sitio para moviles, no quiero crear un subdominio movil.misito.com prefiero mantener la url.

lauser · #4 (**permalink**) 19/03/2015, 15:51

Descarga este github y lo subes al server.

Incluye la sentencia en la web:

Código PHP:

Ver originalrequire_once ('Mobile_Detect.php');

Crea la instancia:

Código PHP:

Ver original$detect = new Mobile_Detect();

Las condicionales que necesites:

Código PHP:

Ver original<?php
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
}
?>

Y ya tienes la detección realizada. Te pongo un ejemplo que detecta si el mobile o no, para cargar un carrusel, asi te aclararas mejor a la hora de implantarlo.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
###aquí código y librerías del carrusel
</script>
</head>
<body>
###aquí imágenes del carrusel
</body>
</html>

Lo que hay entre las líneas 5 y 7, como lo que hay en la línea 10, solo cargara si no es un móvil.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<?php require_once ('Mobile_Detect.php');
$detect = new Mobile_Detect(); ?>
<title></title>
<?php if ($detect->isMobile()==false) { ?>
<script>
###aquí código y librerías del carrusel
</script>
<?php } ?>
</head>
<body>
<?php if ($detect->isMobile()==false) { ?>
###aquí imágenes del carrusel
<?php } ?>
</body>
</html>