Los navegadores móviles son un tipo de software para ver sitios web en dispositivos móviles. Algunos navegadores móviles son duplicados de los navegadores de escritorio normales que tienen en cuenta las peculiaridades de los teléfonos móviles. Otros están diseñados específicamente para el formato de teléfono móvil.

La tarea principal de los navegadores móviles es un trabajo rápido y de alta calidad, facilidad de uso y una interfaz intuitiva. Hay varios navegadores móviles disponibles. Generalmente, los navegadores móviles se agrupan en cuatro categorías de navegadores, dependiendo de la plataforma del dispositivo móvil:

  • Android
  • IOS
  • Windows Phone
  • Genérico.

Supervise sitios web en navegadores móviles con Desktop-Monitor

La participación de Internet móvil solo crecerá con el tiempo y el uso de dispositivos móviles será aún más común. Por lo tanto, es obvio que los sitios web deben servirse para dispositivos móviles con el mismo nivel de rendimiento que para los navegadores de escritorio. Al crear un sitio web o blog, es necesario seleccionar un diseño web responsivo para que el contenido del recurso se vea bien en la pantalla de cualquier dispositivo. Por lo tanto, no podemos dejar de mencionar la necesidad de monitorear el rendimiento web de los sitios web para la compatibilidad con diferentes navegadores móviles.

A medida que aumenta la oleada de tráfico web global al que acceden los dispositivos móviles, Dotcom-Monitor ha añadido compatibilidad con la emulación de navegador móvil para productos móviles a la plataforma BrowserView.

Con Dotcom-Monitor el proceso de probar su sitio web en varios navegadores móviles ya no es un problema. No necesita comprar muchos dispositivos con diferentes tamaños de pantalla para probar una interfaz móvil. Lo que debe hacer es simplemente crear un dispositivo Dotcom-Monitor BrowserView, seleccionar un tipo de dispositivo de navegador en el que necesite probar su sitio web. Mientras monitorea el sistema, emulará el dispositivo que ha elegido de la misma manera que lo hacen las herramientas integradas del navegador de escritorio. La carga de la página se produce en modo horizontal en la ventana del navegador.

Utilizamos el motor Chromium para emular el comportamiento de los navegadores móviles. Dado que Chromium es una bifurcación de WebKit, hay muchos puntos en común entre Chromium y Safari WebKit. Para lograr una precisión de emulación de alto nivel para Safari, también utilizamos múltiples configuraciones en el motor Chromium. Sin embargo, tenga en cuenta que Safari y Chromium son navegadores diferentes y puede haber alguna discrepancia en la emulación y el comportamiento real del navegador.

Puede configurar la frecuencia de monitoreo, capturas de pantalla y opciones de grabación de video, especificar ubicaciones de monitoreo para monitorear cómo funciona su sitio web para usuarios de todo el mundo. Además, en el caso de cualquier error detectado durante el monitoreo, el sistema generará alertas y enviará las notificaciones de alerta a las direcciones proporcionadas.

La creación de un dispositivo BrowserView sigue siendo esencialmente la misma para la configuración móvil. Simplemente seleccione el modelo móvil necesario en el menú Tipo de navegador durante la configuración del dispositivo.

Entre los dispositivos que se pueden emular con la plataforma Dotcom-Monitor BrowserView se encuentran los siguientes:

Modelo de dispositivo

Agente de usuario

iPhone 4 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 como Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Versión/5.0.2 Mobile/8H7 Safari/6533.18.5
iPhone 5 Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 como Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53
iPhone 6 Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 como Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Versión/8.0 Mobile/12A4345d Safari/600.1.4
iPhone 6 plus Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 como Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Versión/8.0 Mobile/12A4345d Safari/600.1.4
iPod Touch 4 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 como Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Versión/5.0.2 Mobile/8H7 Safari/6533.18.5
iPod Touch 5 Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 como Mac OS X; en-us) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53
Ipad Mozilla/5.0 (iPad; CPU OS 4_3_5 como Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Versión/5.0.2 Mobile/8L1 Safari/6533.18.5
iPad 2 Mozilla/5.0 (iPad; CPU OS 5_1 como Mac OS X; en-us) AppleWebKit/534.46 (KHTML, like Gecko) Versión/5.1 Mobile/9B176 Safari/7534.48.3
iPad 3 (El nuevo iPad) Mozilla/5.0 (iPad; CPU OS 7_0 como Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Versión/7.0 Mobile/11A465 Safari/9537.53
iPad 4 (4.a generación de iPad) Mozilla/5.0 (iPad; CPU OS 7_0 como Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Versión/7.0 Mobile/11A465 Safari/9537.53
iPad Mini Mozilla/5.0 (iPad; CPU OS 6_0 como Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Versión/6.0 Mobile/10A406 Safari/8536.25
Google Nexus 4 Mozilla/5.0 (Linux; Android 4.2.1; en-nosotros; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Google Nexus 5 Mozilla/5.0 (Linux; Android 4.2.1; en-nosotros; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Google Nexus 10 Mozilla/5.0 (Linux; Android 4.3; Nexus 10 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36
Google Nexus 7 Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36
Google Nexus 7 2 Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36
Samsung Galaxy Note Mozilla/5.0 (Linux; U; Android 2.3; en-nosotros; SAMSUNG-SGH-I717 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Mobile Safari/533.1
Samsung Galaxy Note 2 Mozilla/5.0 (Linux; U; Android 4.1; en-nosotros; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Versión/4.0 Safari Móvil/534.30
Samsung Galaxy Note 3 Mozilla/5.0 (Linux; U; Android 4.3; en-nosotros; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, like Gecko) Versión/4.0 Mobile Safari/534.30
Samsung Galaxy S Mozilla/5.0 (Linux; U; Android 2.1; en-nosotros; GT-I9000 Build/ECLAIR) AppleWebKit/525.10+ (KHTML, like Gecko) Versión/3.0.4 Safari móvil/523.12.2
Samsung Galaxy S3 Mozilla/5.0 (Linux; U; Android 4.0; en-nosotros; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, like Gecko) Versión/4.0 Safari Móvil/534.30
Samsung Galaxy S4 Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
Samsung Galaxy Tab Mozilla/5.0 (Linux; U; Android 2.2; en-nosotros; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Mobile Safari/533.1
Samsung Galaxy Tab 10 Mozilla/5.0 (Linux; U; Android 2.2; en-nosotros; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Mobile Safari/533.1
HTC Evo Mozilla/5.0 (Linux; U; Android 2.2; en-nosotros; Sprint APA9292KT Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Safari Móvil/533.1
HTC One X Mozilla/5.0 (Linux; Android 4.0.3; HTC One X Build/IML74K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
HTC Sensation Mozilla/5.0 (Linux; U; Android 4.0.3; en-nosotros; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Versión/4.0 Mobile Safari/534.30
Motorola Defy Mozilla/5.0 (Linux; U; Android 2.0; en-nosotros; Milestone Build/ SHOLS_U2_01.03.1) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
Motorola Droid 3 Mozilla/5.0 (Linux; U; Android 2.2; en-nosotros; Droid Build/FRG22D) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Mobile Safari/533.1
Motorola Xoom Mozilla/5.0 (Linux; U; Android 3.0; en-nosotros; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML, like Gecko) Versión/3.0.4 Mobile Safari/523.12.2
Sony Xperia S Mozilla/5.0 (Linux; U; Android 4.0; en-nosotros; LT28at Build/6.1.C.1.111) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Sony Xperia Z Mozilla/5.0 (Linux; U; Android 4.2; en-nosotros; SonyC6903 Build/14.1.G.1.518) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Amazon Kindle Fire Mozilla/5.0 (Linux; U; Android 2.3.4; en-nosotros; Kindle Fire Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, like Gecko) Versión/4.0 Mobile Safari/533.1
Amazon Kindle Fire HDX 7 Mozilla/5.0 (Linux; U; en-nosotros; KFTHWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated-true
Amazon Kindle Fire HDX 8 Mozilla/5.0 (Linux; U; en-nosotros; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, like Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated-true
Nokia Lumia 8XX Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; BRAZO; Toque; NOKIA; Lumia 820)
BlackBerry Z10 Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Versión/10.0.9.2372 Mobile Safari/537.10+
BlackBerry Z30 Mozilla/5.0 (BB10; Touch) AppleWebKit/537.10+ (KHTML, like Gecko) Versión/10.0.9.2372 Mobile Safari/537.10+
BlackBerry PlayBook Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML like Gecko) Versión/7.2.1.0 Safari/536.2+
  • Descripción de la emulación de navegadores móviles

    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.