Система
Быстро проверьте разрешение экрана, размер области просмотра и размеры дисплея — всё в вашем браузере.
Разрешение экрана
screen resolution, display resolution, my screen size
[READY]
Открыть инструмент →Здоровье Устройства
device health, device health check, hardware test
[READY]
Открыть инструмент →Система
Быстро проверьте разрешение экрана, размер области просмотра и размеры дисплея — всё в вашем браузере.
Конфиденциальность Прежде Всего система Инструменты Тестирования на usbRecognized работают полностью в вашем браузере с использованием безопасных Web API. Без загрузки ПО, без установки, без передачи данных — ваша конфиденциальность защищена на 100%. Просто нажмите на инструмент выше, чтобы начать тестирование.
Некоторые инструменты в этой категории доступны сейчас (отмечены ✓). Остальные скоро появятся — каждая страница содержит подробный предварительный просмотр функций инструмента.
Разрешение, viewport и отношение пикселей устройства
Три разных числа в быту называют разрешением, и их путаница дает большинство расхождений между тем, что сообщает браузер, и тем, что обещает паспорт. Разрешение экрана — число физических пикселей, адресуемых дисплеем. Размер viewport — область, доступная странице, она меньше, потому что место занимают хром браузера, панель задач и пристыкованные панели. Отношение пикселей устройства описывает, сколько физических пикселей соответствует одному пикселю верстки.
Отношение пикселей устройства — поле, которое чаще всего упускают, и именно оно объясняет самые странные сообщения. На дисплее высокой плотности отношение может быть два и выше, поэтому viewport, сообщенный как некая ширина в пикселях верстки, покрывает вдвое больше физических пикселей. Потому скриншот экрана высокой плотности физически больше сообщенных размеров viewport — и ничего не сломано.
Масштаб браузера меняет отношение, не меняя дисплей. Приближение увеличивает размер пикселя верстки и тем самым уменьшает сообщенную ширину viewport, хотя физическая панель не изменилась вовсе. Прежде чем считать показание разрешения неверным, убедитесь, что масштаб на значении по умолчанию: настройка масштаба запоминается для каждого сайта и окна.
Почему сообщенное разрешение отличается от паспортного
Дисплей может работать ниже родного разрешения — и часто так и делает. Когда в операционной системе стоит масштабированный режим, железо гонит панель в родном разрешении, а рабочий стол рисуется в меньшем логическом разрешении и затем растягивается. Браузер сообщает то, что выдает рабочий стол, — масштабированную цифру, а не родную цифру панели.
Внешние дисплеи привносят второй источник разницы. Монитор, подключенный по линку, не тянущему полное разрешение на желаемой частоте обновления, согласует пониженную комбинацию — и согласование происходит молча. Паспорт описывает максимум панели, а сообщенная цифра описывает текущий линк: разные величины, случайно делящие единицу.
Виртуальные машины и удаленные сессии полностью подменяют подсистему дисплея. В удаленной сессии сообщенное разрешение описывает виртуальный фреймбуфер, а не какую-либо физическую панель, и может меняться прямо во время сессии при изменении размера окна. Это ожидаемое поведение, а не неисправность, и оно объясняет большинство сообщений о невозможном разрешении.
Как использовать разрешение экрана для разбора проблем
Разрешение полезнее всего в разборе, когда его с чем-то сравнивают. Сравнение сообщенного значения с выбранным в настройках экрана говорит, применяется ли масштабирование. Сравнение viewport с разрешением экрана говорит, сколько дисплея съедает хром браузера, — обычное объяснение верстки, ломающейся только на одном компьютере.
Для веб-разработки практическая польза — проверка брейкпоинтов. Верстка, хорошо выглядящая в ужатом окне настольного компьютера, может иначе вести себя на реальном устройстве: изменение размера окна меняет viewport, оставляя отношение пикселей устройства в покое, тогда как настоящее мобильное устройство меняет и то, и другое. Прочтение отношения рядом с viewport и делает разницу видимой.
Для поддержки разрешение — один из быстрейших способов убедиться, что пользователь описывает тот компьютер, о котором думаешь ты. У пользователя с проблемой на ноутбуке с внешним дисплеем сообщенное разрешение зависит от того, на каком экране окно браузера, и запрос сообщенного значения сразу снимает двусмысленность.
Пределы браузерного определения дисплея
Браузер не умеет читать физический размер дисплея. У него нет доступа ни к диагонали, ни к модели панели: эта информация живет в данных EDID дисплея, которые веб-страницам не открываются. Любой сайт, заявляющий точный размер вашего монитора в дюймах, выводит его из разрешения и догадки о плотности — потому такие оценки часто неверны.
Браузер также не умеет перечислять все подключенные дисплеи. Он сообщает экран, на котором сейчас окно, плюс в части конфигураций сводный размер экрана, но не может перечислить панели, которые подключены, но не используются. Проверка на многомониторном компьютере требует по очереди переносить окно браузера на каждый дисплей, а не ждать, что один отчет покроет их все.
Глубина цвета сообщается как число бит, а не как измеренная способность, и значение отражает конвейер композитинга, а не панель. Дисплей, способный на большую глубину бит, может гнаться на меньшей кабелем, настройкой операционной системы или приложением. Сообщенная глубина — то, с чем работает браузер, что полезно, но это не заявление о максимуме железа.
Система FAQ
Как узнать разрешение моего экрана?
Читайте его прямо из браузера, а не из настроек дисплея: браузер сообщает разрешение, с которым реально работает страница. Эта цифра уже учитывает масштабирование операционной системы, поэтому именно она объясняет, почему верстка или скриншот ведут себя так. Панель настроек дисплея сообщает режим панели, который вправе отличаться.
Почему браузер сообщает разрешение ниже, чем умеет мой монитор?
Потому что применяется масштабирование операционной системы или линк согласовал пониженный режим. Панель может железно гнаться в родном разрешении, пока рабочий стол рисуется в меньшем логическом размере и растягивается. Проверьте сначала настройку масштаба, затем кабель и порт, прежде чем делать выводы о самом дисплее.
Чем разрешение экрана отличается от размера viewport?
Разрешение экрана описывает весь дисплей, а viewport — доступную странице его часть. Хром браузера, панель задач и пристыкованные панели разработчика уменьшают viewport, не меняя экран. Поэтому страница, влезающая в ужатое окно, все равно может переполняться на устройстве с тем же номинальным разрешением.
Что такое отношение пикселей устройства?
Это число физических пикселей, соответствующих одному пикселю верстки. Отношение два означает, что каждый пиксель верстки рисуется четырьмя физическими, — типично для дисплеев высокой плотности. Оно объясняет, почему скриншот экрана высокой плотности физически больше сообщенного viewport и почему картинки могут выглядеть мягко без подачи в повышенной плотности.
Почему разрешение меняется при подключении внешнего монитора?
Потому что браузер сообщает дисплей, на котором сейчас окно, и перенос окна между дисплеями это меняет. Дублирование загоняет оба дисплея в общий режим — обычно нижний из двух, поэтому панель ноутбука высокого разрешения будто теряет разрешение при дублировании на проектор пониже. Расширение вместо дублирования этого избегает.
Может ли сайт определить физический размер моего монитора?
Нет. Диагональ и модель панели лежат в идентификационных данных дисплея, которые браузеры веб-страницам не открывают. Сайты, заявляющие физический размер, делят сообщенное разрешение на предполагаемую плотность пикселей — точно лишь при случайно верном предположении, так что считайте любую такую цифру оценкой, а не измерением.
Проверка разрешения экрана требует что-то скачивать?
Нет. Значения читаются из собственных экранных и оконных интерфейсов браузера, доступных любой странице без плагина, расширения и установки. Ничего не скачивается и не передается: странице не нужен сетевой доступ, чтобы прочитать информацию, которая у браузера уже есть.