Emulação do Navegador Móvel (Mozilla, iPhone & Mais)

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.