Os sites determinam se um usuário está em um dispositivo móvel usando uma combinação de técnicas, concentrando -se principalmente nas informações enviadas pelo navegador do usuário na solicitação HTTP. Aqui está um colapso:
*
string de agente de usuário: Este é o método mais comum e confiável. A sequência agente do usuário é uma sequência de texto incluída em todas as solicitações HTTP de um navegador. Ele identifica o navegador, o sistema operacional e o tipo de dispositivo. Os sites analisam essa sequência para procurar palavras -chave indicando dispositivos móveis (por exemplo, "Android", "iPhone", "iPad", "Mobile", "Safari"). No entanto, isso não é infalível, pois os usuários podem modificar sua string de agente de usuário.
*
Aceite o cabeçalho: Este cabeçalho especifica os tipos de conteúdo que o navegador aceita (por exemplo, html, json, imagens). Alguns navegadores móveis podem declarar preferências diferentes dos navegadores de mesa, o que poderia fornecer uma pista. Não é tão confiável quanto a sequência agente do usuário para detecção móvel.
*
Resolução e largura da tela: Os sites podem detectar a resolução da tela e a largura do dispositivo do usuário. Os dispositivos móveis normalmente têm tamanhos de tela menores que os desktops. No entanto, isso nem sempre é preciso, pois os usuários de desktop podem ter telas menores e telas móveis maiores estão se tornando cada vez mais comuns. Isso geralmente é usado em conjunto com outros métodos.
*
Detecção: Alguns sites verificam a disponibilidade de determinados recursos no navegador. Por exemplo, a existência de eventos de toque é um forte indicador de um dispositivo móvel.
*
javascript: O JavaScript pode ser usado para acessar informações adicionais sobre o dispositivo e o navegador, como os recursos e a orientação do dispositivo. Este é um método do lado do cliente que depende do navegador do usuário que executa o JavaScript.
Como isso se traduz em sites para dispositivos móveis: Após a detecção de um dispositivo móvel, os sites normalmente servem uma versão diferente do site, geralmente otimizados para telas menores, tocam na entrada e tempos de carregamento mais rápidos. Isso pode envolver:
*
Design responsivo: Esta é a abordagem mais comum. Um único site adapta seu layout e conteúdo com base no tamanho e orientação da tela do dispositivo usando consultas de mídia CSS.
*
Site móvel separado: Alguns sites mantêm URLs móveis separados (por exemplo, `m.example.com` ou` celular.example.com`).
*
porção dinâmica: O servidor detecta o dispositivo do usuário e serve os arquivos HTML, CSS e JavaScript apropriados com base nessa detecção.
É importante observar que depender apenas de seqüências de strings agentes do usuário para detecção móvel é considerado menos confiável agora do que costumava ser. Uma abordagem mais robusta incorpora vários métodos de detecção e fornece uma experiência do usuário mais precisa e flexível.
