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

1

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

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

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

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

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

website mobile-phone Алекс Гительман
источник
1
Разрешение экрана и CSS медиа запросы.
Гроностай
1
Браузер сообщает информацию на сайт.
Моисей
1
Большинство более новых сайтов, ориентированных на будущее, не обнаруживают мобильные ... у них есть надлежащие css (с использованием медиа-запросов), чтобы хорошо отображать их как на мобильных устройствах, так и на настольных компьютерах ...
philwills,
@philwills, можете ли вы предоставить более подробную информацию и добавить комментарий в ответ?
Алекс Гительман
Связанный: Как много информации могут получить веб-сайты о вашем браузере / ПК?
Ƭᴇcʜιᴇ007

Ответы:

1

Как отмечалось в моем комментарии, новые более перспективные сайты не обнаруживают мобильные устройства, используя прослушивание пользовательского агента или любые другие средства ... Они включают в себя медиа-запросы 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
источник