Информация об устройстве

Размер экрана — это не размер окна

Три разных измерения постоянно путают между собой, и их смешение порождает ошибки вёрстки, которые проявляются только на машинах других людей. Разрешение экрана — это физическая панель: оно не меняется при изменении размера чего-либо. Доступная область экрана вычитает пространство, навсегда занятое операционной системой, например панелью задач или строкой меню macOS. Область просмотра (viewport) — это та часть окна, в которую ваша страница может реально рисовать, и именно на неё реагируют медиазапросы CSS.

Если вы отлаживаете адаптивную вёрстку, почти всегда нужна именно область просмотра. Пользователь на мониторе в 3840 пикселей может читать ваш сайт в окне шириной 700 пикселей, и медиазапрос, написанный против ширины экрана, с радостью выдаст ему настольный макет в пространстве, которое его не вместит.

Плотность пикселей устройства связывает эти два мира. Коэффициент 2 означает, что каждый CSS-пиксель отрисовывается блоком 2×2 физических пикселей, — именно поэтому изображения, чёткие на старом мониторе, выглядят размытыми на современном ноутбуке. Умножьте область просмотра на плотность пикселей, чтобы получить реальное число пикселей, необходимое растровому изображению для заполнения пространства.

Строка user agent лжёт — и это намеренно

User agent — наименее достоверное поле на этой странице. Каждый крупный браузер десятилетиями добавлял в свою строку имена других браузеров, чтобы обойти плохо написанные серверные проверки, поэтому современная сборка Chrome всё ещё объявляет Mozilla, AppleWebKit, KHTML, Gecko и Safari одновременно. Браузеры теперь активно замораживают и урезают эту строку, чтобы ограничить снятие отпечатков.

Относитесь к ней как к подсказке, никогда — как к решению. Если нужно узнать, существует ли функция, проверьте саму функцию. Проверка наличия API занимает одну строку, работает в браузерах, которых не было, когда вы писали код, и не ломается, когда производитель переписывает свой user agent.

Что эти значения выдают о вас

По отдельности ни одно из этих полей не идентифицирует человека. Вместе они удивительно узнаваемы. Разрешение экрана, часовой пояс, список языков, число ядер ЦП и плотность пикселей образуют отпечаток, часто уникальный среди миллионов посетителей, — именно поэтому трекеры и собирают их.

Поэтому несколько полей намеренно возвращают размытые или отсутствующие значения. Память устройства округляется вниз до грубого набора. Некоторые браузеры ограничивают сообщаемое число ядер, отказываются раскрывать память вовсе или возвращают общее название платформы. Do Not Track фактически заброшен: почти никто его не соблюдает, и большинство браузеров больше не отправляют его, поэтому пустое значение здесь ничего не означает.

Практический вывод для разработки ПО — собирайте минимум того, что действительно нужно. Если хотите решить, загружать ли тяжёлую анимацию, измерьте, насколько быстро рендерится первый кадр, а не угадывайте по числу ядер. Реальное измерение бьёт выведенные характеристики оборудования и не добавляет к поверхности отпечатка.