Cómo detectar navegadores móviles

Los navegadores móviles (también llamados "microbrowsers" o "minibrowsers") son navegadores web diseñados para dispositivos multimedia portátiles como móviles y PDAs. Suelen ser versiones reducidas de navegadores estándar y optimizados para poco ancho de banda y pantallas pequeñas. Estos navegadores a veces tienen problemas renderizando páginas HTML estándar, por lo que muchos desarrolladores crean webs optimizadas para móviles y usan un script PHP para redirigir usuarios móviles a la versión optimizada. El script que se proporciona es gratis para uso personal pero debe usarse en servidor web Linux.

Cosas que necesitarás

• Ordenador

• Conexión a Internet

Instrucciones

1. Descarga el script PHP "Detect Mobile User Agents & Browsers" clicando el enlace en "Recursos" abajo. El archivo está comprimido. Haz doble clic para abrir tu programa de extracción por defecto y extrae los archivos al escritorio.

2. Abre un programa FTP (Protocolo de Transferencia de Archivos) e inicia sesión en tu cuenta de hosting con tu dirección FTP, usuario y contraseña. Una vez conectado, usa el FTP para subir el archivo "mobile_device_detect.php" que extraíste en el paso 1. Súbelo al directorio raíz de tu web donde está tu "index.html" o "index.php".

3. Usa el FTP para bajar el "index.html" o "index.php" de tu web y guárdalo en el escritorio. Ábrelo en un editor de texto como Notepad o Wordpad.

4. Abre un navegador web y escribe "https://detectmobilebrowsers.mobi/" en la barra de direcciones, luego pulsa ENTER. Alternativamente, clica el enlace "Detect Mobile Browsers Website" en Recursos.

5. Desplázate hasta el encabezado "Generador de funciones". Aquí generaremos código PHP que definirá cómo se comportará el archivo PHP que subimos en el paso 2. Elige una opción en los menús desplegables para "Detectar iPhones", "Detectar iPads", "Detectar dispositivos Android", "Detectar navegadores Opera", "Detectar dispositivos BlackBerry", "Detectar móviles Palm" y "Detectar dispositivos Windows Mobile". Cada menú permite especificar si tratar el navegador como móvil o como escritorio estándar. También puedes redirigir un tipo de dispositivo a una URL personalizada, que debes escribir en el campo que aparece al elegir "Redirigir (dispositivo) a URL específica".

6. Elige una opción en el desplegable "Redirigir navegadores móviles". Los dispositivos configurados arriba como móviles se verán afectados. Puedes redirigir usuarios móviles a una URL personalizada con tu web optimizada o no redirigirles, permitiendo acceso a la web estándar. Escribe la URL de la web optimizada en el cuadro.

7. Pon el desplegable "Redirigir navegadores de escritorio" en "No - No redirigir visitantes de escritorio - la función devolverá false" para permitir acceso a la web estándar. Los dispositivos configurados como escritorio se verán afectados.

8. Haz clic en "Generar código". Selecciona el texto que aparece en el cuadro "Código PHP" y pulsa CTRL+C para copiar. Minimiza el navegador para ver el "index.html" o "index.php" que abriste en el editor en el paso 3.

9. Crea una línea en blanco al principio del documento clicando al inicio y pulsando ENTER. Sitúa el cursor en la línea en blanco y escribe "" y pulsa ENTER de nuevo.

10. Haz clic en "Archivo" > "Guardar". En la ventana FTP, copia el "index.html" o "index.php" editado de vuelta al directorio raíz de tu web, sobrescribiendo el original.

11. Accede a tu web desde un navegador móvil. Deberías ser redirigido a tu web optimizada. Accede desde un navegador estándar para verificar que vas a la web estándar.