Como os sites detectam dispositivos móveis? [fechadas]

Question

Na maioria dos casos, os sites analisarão o cabeçalho do agente do usuário e, em seguida, redirecionarão ou veicularão conteúdo para dispositivos móveis, se acessados a partir do dispositivo móvel.

No entanto, existem alguns sites que veicularão conteúdo para celular mesmo que você altere o agente no seu navegador (solicite um site para computador no Android, por exemplo).

Um exemplo desse site seria www.t-mobile.com . Existem também outros.

Como esses sites detectam dispositivos móveis, independentemente do cabeçalho do agente de usuários?

Eu li que os TTLs de pacotes de rede podem ser diferentes para desktops móveis e reais. É o caso? Mas isso exigiria um proxy de baixo nível para detectar.

    

Answer 1

Como afirmado no meu comentário, os sites mais novos e futuros não detectam dispositivos móveis usando sniffing de agente de usuário ou qualquer outro meio ... Eles incluem consultas de mídia css para tornar a página renderizada adequadamente em dispositivos móveis e desktop.

Alguns exemplos de CSS podem ser assim:

/* mobile first */
.page,
.sidebar {
    width: 100%;
    padding: 10px;
}

img {
    max-width: 100%
}

@media screen and (min-width:960px){
    .page {
        width: 960px;
        padding: 3px;
    }

    .sidebar {
        float: left;
        width: 30%;
    }
}