Как пользоваться
- 1Откройте страницу — данные определяются автоматически.
- 2Посмотрите разрешение экрана и размер окна браузера.
- 3Измените размер окна или поверните устройство — значения обновятся.
Что показывает инструмент
Разрешение экрана в CSS-пикселях, размер области просмотра (viewport), коэффициент devicePixelRatio, глубину цвета, ориентацию, поддержку сенсорного ввода, браузер и операционную систему, а также часовой пояс и язык. Всё определяется прямо в браузере — никакие данные не отправляются.
Почему разрешение отличается от характеристик монитора
Браузер сообщает размеры в CSS-пикселях. На экранах с высокой плотностью (Retina, большинство смартфонов) один CSS-пиксель состоит из нескольких физических: при devicePixelRatio 3 экран шириной 390 CSS-пикселей физически имеет 1170 точек. Масштабирование в Windows (например, 125% или 150%) тоже уменьшает «видимое» разрешение.
Частые вопросы
Как узнать физическое разрешение экрана?
Умножьте ширину и высоту экрана на devicePixelRatio — получится разрешение в физических пикселях.
Зачем веб-разработчику viewport?
Именно размер области просмотра определяет, какие медиазапросы CSS срабатывают. Это удобно при отладке адаптивной вёрстки.
Почему размер окна меньше разрешения экрана?
Часть экрана занимают панели браузера, панель задач и полосы прокрутки.
Результаты не радуют?
Обратитесь в Webin Agency: быстрые сайты с SEO-оптимизацией, интернет-магазины и ведение Google Ads.