Presentamos a Tiziano Palozza, Quality & Innovation Manager de Neomobile en el Equipo de Corporate Application Development (CAD). Palozza nos habla de la importancia de la detección de dispositivos en una serie de dos artículos. En este artículo descubramos más sobre la importancia de la detección de dispositivos en el mundo de la tecnología, una visión histórica y cómo funciona.

La importancia de la detección de dispositivos

Trabajando en la industria móvil durante los últimos 10 años, aprendí que mostrar el contenido adecuado al dispositivo de un usuario siempre ha sido un punto crítico. Como los navegadores han evolucionado con el tiempo, también lo han hecho los obstáculos que vienen con él.

La tecnología de mostrar el contenido correcto en los navegadores móviles es sólo una parte de un tema más genérico:

La tecnología de mostrar el contenido correcto a los navegadores, reconociendo si los usuarios provienen de dispositivos móviles o de una computadora.

Hoy en día, esta tarea se complica aún más con la reciente evolución de las tabletas, smartphones, televisores inteligentes y consolas de juegos.

Historia de la detección de dispositivos

Hubo un momento cuando parecía más fácil trabajar en los sitios móviles porque tenían las pantallas negras y verdes y el estándar WML del llamado escenario WAP. Mientras tanto, los desarrolladores web tuvieron que enfrentar problemas de diseño más difíciles debido a los varios navegadores de escritorio que cambiaban con su multitud de características propietarias.

Pero los estándares de los navegadores móviles también empezaron a cambiar con la introducción de los dispositivos que utilizan pantallas de colores (de WML a XHTML con WAP 2.0, pasando por i-mode y c-html llegando a un navegador nuevo que apoya el html).

La llegada de los smartphones revolucionó todo mediante la introducción de JavaScript. Esta resumen histórica nos da una idea de lo que nos ocupamos cuando tenemos que proporcionar sitios, teniendo en cuenta las características de los dispositivos precedentes y más recientes.

Por último, vamos a considerar lo que probablemente ha sido el hito en la historia “de detección de dispositivos”: el User-Agent.

En pocas palabras, cuando visitas una página web, el navegador envía un texto al web server, indicando el tipo de navegador. El texto se llama “user-agent string” y es una de las muchas HTTP Headers (el agente de usuario no se incluyó en la primera especificación del protocolo HTTP en 1991 – Se incluyó un año más tarde en 1992).

Desafortunadamente, durante los años de la User-Agent siempre ha existido la batalla entre los propietarios de sitios web que querían negar el acceso a algunos navegadores y proveedores de navegadores que querían que sus usuarios tuvieran la mejor experiencia. Algunos navegadores, también comenzaron a añadir información a la user-agent string, haciéndose pasar por otro, generando caos y una falta de norma [webaim.org].

Introducción a la detección de dispositivos

La expansión de la Web de las computadoras de escritorio a otros dispositivos tales como teléfonos móviles, tabletas o SMART televisores requieren un atención especial a la experiencia del usuario y un nuevo enfoque en la manera que se proporciona el contenido del sitio web.

Los dispositivos móviles de primera generación tenían varias limitaciones: su falta de compatibilidad con JavaScript y el tamaño de página (en términos de kilobytes) o la imposibilidad de adaptar el contenido al tamaño de la pantalla.

La detección de dispositivos del lado del Server era la única manera de proporcionar el contenido adecuado a los dispositivos móviles, o para abordar correctamente el tráfico móvil o de escritorio; esto podría ser manejado con dos enfoques básicos:

  • user-agent sniffing (el agente de usuario es un Header que viene con una solicitud del navegador, lo que indica información básica sobre el propio navegador)
  • Perfil de agente de usuario con análisis de URL (el perfil URL UA es un Header que viene con la solicitud de dispositivo móvil, indicando todos los detalles con respecto a las características y capacidades del dispositivo, además del Header del agente de usuario. Esta fue proporcionada por los vendedores ambulantes a los operadores de red.

Con los últimos Smartphones en el mercado, las cosas cambiaron radicalmente y los vendedores ya no proporcionaban el perfil de agente de usuario URLs. De hecho, estos tipos de dispositivos comenzaron a admitir las características que permiten a los desarrolladores de utilizar técnicas para la adaptación de contenido del lado del cliente (como Responsive Web Design), resolviendo la mayoría de los problemas con los dispositivos de primera generación.

No te pierdas la segunda parte del artículo que hablará sobre  otro aspecto de la Tecnología de la detección de dispositivos: Client-Side vs Server-Side!