Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/01/2015, 04:48
mmfilesi
 
Fecha de Ingreso: noviembre-2010
Mensajes: 36
Antigüedad: 13 años, 6 meses
Puntos: 1
Respuesta: window.innerWidth para Internet Explorer

Ya que estás con php, una solución mejor es no cargar directamente todo ese bloque de anuncios cuando sea un móvil. Para eso puedes utilizar la librería Mobile-detect de Serban Ghita y Victor Stanciu:

https://github.com/serbanghita/Mobile-Detect

Es fácil de usar:

1. Se descarga desde github y se sube al server:

2. Se incluye en la página web mediante la sentencia

Código HTML:
require_once ('Mobile_Detect.php');
3. Se crea una instancia:

Código PHP:
$detect = new Mobile_Detect(); 
4. Y ya se recurre a los condicionales que se necesiten:

Código HTML:
<?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
}
?>
Por ejemplo, imaginemos que tenemos un script que carga un carrusell

Código HTML:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
// aquí una barbaridad de código y librerías para que funcione el carrusel
</script>
</head>
<body>
// aquí una barbaridad de imágenes muy pesadas para el carrusel
</body>
</html> 
Ahora vamos a decirle que lo que hay entre las líneas 5 y 7, así como lo que hay en la línea 10, solo se cargue si el dispositivo no es un móvil (si la comprobación da false).

Código HTML:
<!DOCTYPE html>
<html>
<head>
<?php require_once ('Mobile_Detect.php');
$detect = new Mobile_Detect(); ?>
<title></title>
<?php if ($detect->isMobile()==false) { ?>
<script>
// aquí una barbaridad de código y librerías para que funcione el carrusel
</script>
<?php } ?>
</head>
<body>
<?php if ($detect->isMobile()==false) { ?>
// aquí una barbaridad de imágenes muy pesadas para el carrusel
<?php } ?>
</body>
</html>