Как веб-сайты обнаруживают мобильные устройства? [закрыто]

В большинстве случаев веб-сайты просматривают заголовок пользовательского агента, а затем перенаправляют или обслуживают мобильный контент, если к нему обращаются с мобильного устройства.

Однако есть некоторые сайты, которые будут предоставлять мобильный контент, даже если вы смените агента в своем браузере (например, запросите сайт для настольных ПК в Android).

Примером такого сайта будет www.t-mobile.com. Есть и другие.

Как эти сайты обнаруживают мобильные устройства независимо от заголовка агента пользователя?

Я читал, что TTL сетевых пакетов могут отличаться для мобильных и реальных компьютеров. Это так? Но это потребует довольно низкого уровня прокси для обнаружения.

website mobile-phone

— Алекс Гительман
источник

Разрешение экрана и CSS медиа запросы.

— Гроностай

Браузер сообщает информацию на сайт.

— Моисей

Большинство более новых сайтов, ориентированных на будущее, не обнаруживают мобильные ... у них есть надлежащие css (с использованием медиа-запросов), чтобы хорошо отображать их как на мобильных устройствах, так и на настольных компьютерах ...

— philwills,

@philwills, можете ли вы предоставить более подробную информацию и добавить комментарий в ответ?

— Алекс Гительман

Связанный: Как много информации могут получить веб-сайты о вашем браузере / ПК?

— Ƭᴇcʜιᴇ007

Как отмечалось в моем комментарии, новые более перспективные сайты не обнаруживают мобильные устройства, используя прослушивание пользовательского агента или любые другие средства ... Они включают в себя медиа-запросы CSS, чтобы страница правильно отображалась на мобильных и настольных компьютерах.

Некоторые примеры CSS могут выглядеть так:

/* 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%;
    }
}

— philwills
источник