Читаем параметры браузера…
Логическое и физическое разрешение: в чём разница
На Retina-экранах (MacBook, iPhone, большинство современных Android-флагманов) эти два числа расходятся. Логическим оперирует вёрстка сайта: CSS-пиксель на экране с devicePixelRatio: 2 физически состоит из четырёх реальных пикселей матрицы. Физическое (actual) разрешение — то, что напечатано в характеристиках устройства в магазине. Для скриншота или дизайн-макета берите физическое, а для вёрстки под конкретную ширину экрана логическое.
Что такое User-Agent и зачем сайты его читают
User-Agent — строка, которую браузер сам отправляет каждому сайту при запросе страницы: название и версия браузера, движок, операционная система. Сайты читают её, чтобы понять, какую вёрстку отдать и не сломается ли конкретная функция в старой версии браузера. Строка не защищена, её легко подделать расширением вроде `user agent switcher`, поэтому единственным источником правды она быть не может. Современные сайты дополнительно проверяют реальную поддержку конкретных функций (feature detection), а не только имя браузера из строки.
Инструмент показывает пять групп данных, все из браузерных API:
| Группа | Что внутри |
|---|---|
| Устройство | тип, производитель, модель, ОС, платформа, архитектура |
| Браузер | название, версия, движок, язык, User-Agent |
| Экран | логическое и физическое разрешение, плотность пикселей, глубина цвета |
| Ввод и сеть | тип указателя, сенсорный ввод, тип соединения |
| Хранилище и приватность | куки, локальное хранилище, режим инкогнито, Do Not Track |
Зачем знать разрешение и версию браузера в быту (техподдержка, покупка монитора, настройка приложений), разобрано в статье Как узнать разрешение экрана и версию браузера.