Emulación de navegador móvil (Mozilla, iPhone y más)

Qué significa realmente la cadena de agente de usuario

El agente de usuario es una cadena que pasa un navegador de escritorio o móvil junto con una solicitud HTTP (S) para cualquier página web en Internet. La cadena contiene información específica sobre el software y el hardware del dispositivo que realiza la solicitud, la tecnología específica utilizada para acceder a un sitio web, página web u otro contenido en línea. La cadena de agente de usuario es única para cada usuario web. Esta información generalmente incluye detalles sobre el nombre del navegador, el motor de procesamiento web, la plataforma nativa (por ejemplo, para navegadores móviles, iOS, Android, Amazon KFTHWI, Windows Phone 8, BB10, RIM Tablet OS, etc.) y el dispositivo en el que se ejecuta el navegador.

Con la cadena de agente de usuario, puede determinar muchos parámetros, por ejemplo, además del nombre del sistema operativo, su versión y el tipo de procesador. También puede identificar el dispositivo que ejecuta el navegador: puede ser una tableta, PC, iPad, iPhone u otro dispositivo móvil. Además, la cadena de agente de usuario puede contener información sobre las características que admite un navegador web (como JavaScript, Cookie, Java Applet, ActiveX, etc.).

Para comprobar la cadena de agente de usuario que indica tu navegador en el navegador Chrome, introduce:

about:

Una vez que un usuario ingresa una URL de un sitio web en un navegador, el navegador envía su cadena de agente de usuario al sitio web al que intenta conectarse. Después de identificar el agente de usuario en un servidor web, el servidor devuelve contenido adecuado (archivos, JavaScript, archivos multimedia) que coincide con los parámetros del navegador. De esta manera, se pueden proporcionar diferentes versiones de la misma página web basadas en el encabezado del agente de usuario al navegador.

Sin embargo, el principal desafío para comprender la cadena de agente de usuario es que la mayoría de los navegadores indican no solo información real sobre de qué están construidos, sino que también agregan con qué son compatibles a la cadena de agente de usuario. Por ejemplo, casi todos los navegadores modernos reportan Mozila/5.0 como parte de su cadena de agente de usuario.

Cómo leer la cadena de agente de usuario

Dado que no existe un formato estándar para una cadena de agente de usuario, puede ser difícil leerla. Sin embargo, puede encontrar muchas instrucciones sobre cómo analizar y analizar el contenido de las cadenas de agente de usuario en Internet. Además, puede utilizar herramientas analíticas en línea (como whatismybrowser.com) para hacer frente a este desafío.

En este artículo, cubriremos solo los conceptos básicos de la terminología de la cadena de agente de usuario. Analicemos la cadena de agente de usuario con el siguiente contenido:

Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4

La cadena de ejemplo contiene algunos tokens de uso común. Echemos un vistazo más de cerca a lo que realmente significa cada uno de los nombres:

• Mozilla / 5.0, como se mencionó anteriormente, es utilizado por los navegadores modernos para que los servidores web sepan que un navegador es compatible con Mozilla. Mozilla es un nombre en clave utilizado por Netscape y poblado por otros navegadores en sus cadenas de agente de usuario para ser servido con el mismo contenido que Netscape.
• AppleWebKit es un identificador de motor de renderizado web utilizado en dispositivos Apple y compatible con otros tipos de dispositivos como BlackBerry.
• KHTML es un motor utilizado por Safari y Chrome.
• Gecko es el motor utilizado en las últimas versiones de Firefox. El token “like Gecko” se utiliza para ser compatible con los sitios web que sirven su contenido a los navegadores basados en Geko.
• Safari es el token que indica un nombre real del navegador.

Cómo emular un dispositivo móvil en un navegador de escritorio (Google Chrome)

Para ver y probar una versión móvil de su sitio web, puede utilizar las herramientas integradas que proporcionan todos los navegadores web modernos. Como ejemplo, lo guiaremos a través de la emulación del modo de navegador móvil en Google Chrome.

Primero, inicia Chrome. En Google Chrome, abre un sitio web móvil que necesites probar. Luego haga clic en el botón Personalizar y administrar Google Chrome (tres puntos verticales en la esquina superior derecha de la ventana del navegador). En el menú, seleccione Más herramientas para desarrolladores de herramientas<. O puede usar CTRL + Shift + I para Windows, Unix y Cmd + Opt + I para Mac OS.

A continuación, haga clic en el icono Alternar barra de herramientas del dispositivo . Se iniciará el emulador del navegador y se activará la simulación del dispositivo. Como resultado, se cargará la vista móvil de la página.

De forma predeterminada, la barra de herramientas del dispositivo utiliza un modo de respuesta para la página cargada. Puede seleccionar el dispositivo móvil que desea emular para su prueba: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (desde la versión 5 hasta iPhone X), iPad y iPad Pro. La página del dispositivo móvil se vuelve a cargar como si estuviera utilizando el teléfono inteligente o tableta que ha seleccionado de la lista.

Cuando haya terminado, simplemente cierre las herramientas de desarrollo de Google Chrome para volver a la vista de escritorio estándar.