Navegadores móveis são um tipo de software para visualização de sites em dispositivos móveis. Alguns navegadores móveis são duplicados de navegadores de desktop regulares que levam em conta as peculiaridades dos telefones celulares. Outros são projetados especificamente para o formato de telefone celular.

A principal tarefa dos navegadores móveis é o trabalho rápido e de alta qualidade, a facilidade de uso e uma interface intuitiva. Existem vários navegadores móveis disponíveis. Geralmente, os navegadores móveis são agrupados em quatro categorias de navegador, dependendo da plataforma do dispositivo móvel:

  • andróide
  • Ios
  • Windows Phone
  • genérico.

Monitore sites em navegadores móveis com Monitor de Desktop

A participação da Internet móvel só vai crescer com o tempo e o uso de dispositivos móveis se tornará ainda mais comum. Assim, é óbvio que os sites devem ser servidos para dispositivos móveis com o mesmo nível de desempenho dos navegadores de desktop. Ao criar um site ou blog, é necessário selecionar um web design responsivo para que o conteúdo do recurso fique bom na tela de qualquer dispositivo. com isso, não podemos deixar de mencionar a necessidade de monitoramento de desempenho da Web de sites para compatibilidade com diferentes navegadores móveis.

À medida que a onda de tráfego global da Web acessada por dispositivos móveis está aumentando, o Dotcom-Monitor adicionou suporte móvel de emulação de navegador para produtos móveis à plataforma BrowserView.

Com o Dotcom-Monitor o processo de testar seu site em vários navegadores móveis não é mais um problema. Você não precisa comprar muitos dispositivos com diferentes tamanhos de tela para testar uma interface móvel. O que você deve fazer é simplesmente criar um dispositivo Dotcom-Monitor BrowserView, selecionar um tipo de dispositivo de navegador no qual você precisa testar seu site. Ao monitorar o sistema, emulará o dispositivo que você escolheu da mesma forma que as ferramentas incorporadas do navegador de desktop. O carregamento de página ocorre no modo paisagem na janela do navegador.

Você pode configurar as opções de frequência de monitoramento, capturas de tela e gravação de vídeo, especificar locais de monitoramento para monitorar como seu site funciona para usuários de todo o mundo. Além disso, no caso de quaisquer erros detectados durante o monitoramento do sistema irá gerar alertas e enviar as notificações de alerta para endereços fornecidos.

Entre os dispositivos que podem ser emulados com a plataforma Dotcom-Monitor BrowserView estão os seguintes:

Modelo do dispositivo

Agente de Usuário

iPhone 4 Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 como Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/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, como Gecko) Versão/5.1 Mobile/9B176 Safari/7534.48.3
iPad 3 (O Novo iPad) Mozilla/5.0 (iPad; CPU OS 7_0 como Mac OS X) AppleWebKit/537.51.1 (KHTML, como Gecko) Versão/7.0 Mobile/11A465 Safari/9537.53
iPad 4 (iPad de 4ª geração) Mozilla/5.0 (iPad; CPU OS 7_0 como Mac OS X) AppleWebKit/537.51.1 (KHTML, como Gecko) Versão/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, como Gecko) Versão/6.0 Mobile/10A406 Safari/8536.25
Google Nexus 4 Mozilla/5.0 (Linux; Android 4.2.1; en-nós; Nexus 4 Build/JOP40D) AppleWebKit/535.19 (KHTML, como Gecko) Chrome/18.0.1025.166 Mobile Safari/535.19
Google Nexus 5 Mozilla/5.0 (Linux; Android 4.2.1; en-nós; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, como 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, como 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, como Gecko) Chrome/29.0.1547.72 Safari/537.36
Google Nexus 72 Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, como Gecko) Chrome/29.0.1547.72 Safari/537.36
Samsung Galaxy Note Mozilla/5.0 (Linux; U; Android 2.3; en-nós; SAMSUNG-SGH-I717 Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
Samsung Galaxy Note 2 Mozilla/5.0 (Linux; U; Android 4.1; en-nós; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Samsung Galaxy Note 3 Mozilla/5.0 (Linux; U; Android 4.3; en-nós; SM-N900T Build/JSS15J) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Samsung Galaxy S Mozilla/5.0 (Linux; U; Android 2.1; en-nós; GT-I9000 Build/ECLAIR) AppleWebKit/525.10+ (KHTML, como Gecko) Versão/3.0.4 Safari Móvel/523.12.2
Samsung Galaxy S3 Mozilla/5.0 (Linux; U; Android 4.0; en-nós; GT-I9300 Build/IMM76D) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Samsung Galaxy S4 Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML, como Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
Samsung Galaxy Tab Mozilla/5.0 (Linux; U; Android 2.2; en-nós; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
Samsung Galaxy Tab 10 Mozilla/5.0 (Linux; U; Android 2.2; en-nós; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
HTC Evo Mozilla/5.0 (Linux; U; Android 2.2; en-nós; Sprint APA9292KT Build/FRF91) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
HTC One X Mozilla/5.0 (Linux; Android 4.0.3; HTC One X Build/IML74K) AppleWebKit/535.19 (KHTML, como Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
Sensação HTC Mozilla/5.0 (Linux; U; Android 4.0.3; en-nós; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Motorola Defy Mozilla/5.0 (Linux; U; Android 2.0; en-nós; Construção milestone/ SHOLS_U2_01.03.1) AppleWebKit/530.17 (KHTML, como Gecko) Versão/4.0 Safari Móvel/530.17
Motorola Droid 3 Mozilla/5.0 (Linux; U; Android 2.2; en-nós; Droid Build/FRG22D) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
Motorola Xoom Mozilla/5.0 (Linux; U; Android 3.0; en-nós; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML, como Gecko) Versão/3.0.4 Safari Móvel/523.12.2
Sony Xperia S Mozilla/5.0 (Linux; U; Android 4.0; en-nós; LT28at Build/6.1.C.1.111) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Sony Xperia Z Mozilla/5.0 (Linux; U; Android 4.2; en-nós; SonyC6903 Build/14.1.G.1.518) AppleWebKit/534.30 (KHTML, como Gecko) Versão/4.0 Safari Móvel/534.30
Fogo do Kindle da Amazônia Mozilla/5.0 (Linux; U; Android 2.3.4; en-nós; Kindle Fire Build/GINGERBREAD) AppleWebKit/533.1 (KHTML, como Gecko) Versão/4.0 Safari Móvel/533.1
Amazon Kindle Fire HDX 7 Mozilla/5.0 (Linux; U; en-nós; KFTHWI Build/JDQ39) AppleWebKit/535.19 (KHTML, como Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true
Amazon Kindle Fire HDX 8 Mozilla/5.0 (Linux; U; en-nós; KFAPWI Build/JDQ39) AppleWebKit/535.19 (KHTML, como Gecko) Silk/3.13 Safari/535.19 Silk-Accelerated=true
Nokia Lumia 8XX Mozilla/5.0 (compatível; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; BRAÇO; Toque; NOKIA; Lumia 820)
BlackBerry Z10 Mozilla/5.0 (BB10; Toque) AppleWebKit/537.10+ (KHTML, como Gecko) Versão/10.0.9.2372 Mobile Safari/537.10+
BlackBerry Z30 Mozilla/5.0 (BB10; Toque) AppleWebKit/537.10+ (KHTML, como Gecko) Versão/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 como Gecko) Versão/7.2.1.0 Safari/536.2+

A criação de um dispositivo BrowserView permanece essencialmente a mesma para configuração móvel. Basta selecionar o modelo móvel necessário no menu Tipo navegador durante a configuração do dispositivo.

  • Entendendo a emulação dos navegadores móveis

    O que a sequência do agente do usuário realmente significa

    O User Agent é uma sequência que é passada por um navegador desktop ou móvel, juntamente com uma solicitação HTTP(S) para qualquer página da Web na Internet. A string contém informações específicas sobre o software e hardware do dispositivo que faz a solicitação, a tecnologia específica usada para acessar um site, página web ou outro conteúdo on-line. A sequência de agente de usuário é única para cada usuário da Web. Essas informações geralmente incluem detalhes sobre o nome do navegador, mecanismo de renderização da Web, plataforma nativa (por exemplo, para navegadores móveis, iOS, Android, Amazon KFTHWI, Windows Phone 8, BB10, RIM Tablet OS, etc.), e o dispositivo em que o navegador está sendo executado.

    Usando a string do agente do usuário, você pode determinar uma série de parâmetros, por exemplo, além do nome do sistema operacional, sua versão e tipo de processador. Você também pode identificar o dispositivo que executa o navegador – pode ser um tablet, PC, iPad, iPhone ou outro dispositivo móvel. Além disso, a sequência de agente de usuário pode conter informações sobre recursos que um navegador da Web suporta (como JavaScript, Cookie, Java Applet, ActiveX, etc.).

    Você pode verificar a sequência do Agente de Usuário que indica o seu navegador no navegador Chrome inserindo:

    about:

    Uma vez que um usuário inseriu uma URL de um site em um navegador, o navegador envia sua sequência de agente de usuário para o site ao qual tenta se conectar. Depois que o agente do usuário é identificado em um servidor web, o servidor retorna conteúdo adequado (arquivos, JavaScript, arquivos de mídia) que corresponde aos parâmetros do navegador. Desta forma, diferentes versões da mesma página da Web com base no cabeçalho do agente do usuário podem ser fornecidas ao navegador.

    No entanto, o principal desafio sobre a compreensão da sequência de agentes de usuário é que a maioria dos navegadores indicam não apenas informações reais sobre o que eles estão construindo, mas também adicionam o que eles são compatíveis com a sequência de agentes de usuário. Por exemplo, quase todos os navegadores modernos relatam o Mozila/5.0 como parte de sua string de agente de usuário.

    Como ler a sequência do Agente de Usuário

    Como não há um formato padrão para uma string de agente de usuário, pode ser difícil lê-lo. No entanto, você pode encontrar muitas orientações sobre como analisar e analisar o conteúdo das strings de agentes do usuário na Internet. Além disso, você pode usar ferramentas analíticas online (como whatismybrowser.com) para lidar com esse desafio.

    Neste artigo, abordaremos apenas o básico da terminologia de string do agente de usuário. Vamos analisar a sequência do agente do usuário com o seguinte conteúdo:

    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

    A sequência de exemplo contém alguns tokens comumente usados. Vamos dar uma olhada mais de perto no que cada um dos nomes realmente representa:

    • Mozilla/ 5.0, como foi mencionado acima, é usado por navegadores modernos para informar aos servidores web que um navegador é compatível com a Mozilla. Mozilla é um codinome usado pelo Netscape e preenchido por outros navegadores em suas strings de agente de usuário para ser servido com o mesmo conteúdo do Netscape.
    • AppleWebKit é um identificador de mecanismo de renderização web usado em dispositivos Apple e suportado por alguns outros tipos de dispositivos, como o BlackBerry.
    • KHTML é um motor usado por Safari e Chrome.
    • Gecko é o motor usado nas versões mais recentes do Firefox. O token “like Gecko” é usado para ser compatível com os sites que servem seu conteúdo para navegadores baseados em Geko.
    • Safari é o token que indica um nome real do navegador.

    Como emular um dispositivo móvel em um navegador de desktop (Google Chrome)

    Para visualizar e testar uma versão móvel de seu site, você pode usar ferramentas incorporadas que são fornecidas por todos os navegadores modernos da Web. Como exemplo, vamos passar pelo modo de navegador móvel no Google Chrome.

    Primeiro, inicie o Chrome. No Google Chrome, abra um site móvel que você precisa testar. Em seguida, clique no botão Personalizar e gerencie o botão Google Chrome (três pontos verticais no canto superior direito da janela do navegador). No menu, selecione Mais Ferramentas de < Desenvolvedor . Ou você pode usar CTRL + Shift + I para Windows, Unix e Cmd+Opt+I para Mac OS.

    Em seguida, clique no ícone barra de ferramentas do dispositivo de alternância. O emulador do navegador será iniciado e a simulação do dispositivo será ativada. Como resultado, a visualização móvel da página será carregada.

    Por padrão, a barra de ferramentas do dispositivo usa um modo responsivo para a página carregada. Você pode selecionar o dispositivo móvel que deseja emular para o seu teste: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (da versão 5 ao iPhone X), iPad e iPad Pro. A página do dispositivo móvel recarrega como se você estivesse usando o smartphone ou tablet que você selecionou da lista.

    Quando terminar, basta fechar as ferramentas de desenvolvedor do Google Chrome para retornar à visualização padrão da área de trabalho.