Проверка экрана

• Фактический размер — логический размер экрана, умноженный на коэффициент плотности пикселей. Это приблизительное количество физических пикселей, доступных браузеру.
• Логический размер — разрешение, которое используют веб-страницы с учётом масштабирования операционной системы или браузера.
• Коэффициент плотности пикселей показывает, сколько физических пикселей соответствует одному CSS-пикселю.
• Соотношение сторон — пропорция ширины и высоты экрана, например 16:9 или 16:10.
• Глубина цвета — количество бит, которое браузер сообщает для отображения цвета.
• Кадровая частота и частота обновления измеряются средствами браузера. Результат может меняться, если вкладка неактивна, страница прокручивается, включено энергосбережение или система нагружена.
• HDR и цветовые пространства показывают поддержку браузером расширенного динамического диапазона и форматов sRGB, Display P3 и Rec. 2020. Поддержка формата ещё не означает, что матрица правильно откалибрована.

У 4K-монитора логический размер не всегда равен 3840×2160. Масштабирование Windows, режим Retina в macOS, плотность пикселей мобильного устройства и масштаб браузера уменьшают CSS-разрешение, чтобы текст и элементы управления оставались читаемыми. Умножьте логические размеры на коэффициент плотности пикселей, чтобы оценить фактическое разрешение, доступное браузеру.

Значение также может измениться после переноса окна между дисплеями с разными настройками масштабирования. Перезагрузите страницу после переноса, установите масштаб браузера 100% и проверьте параметры экрана в операционной системе.

Браузеры с поддержкой Window Management API могут сообщать о подключённых дисплеях, их расположении, названиях, а также о том, какой экран встроенный или основной. Для этого требуется разрешение, поскольку такие сведения раскрывают особенности рабочего пространства. Если API не поддерживается или доступ запрещён, тест всё равно покажет текущий экран через стандартный Screen API.

Некоторые данные об HDR, цветовых пространствах и координатах цветности зависят от экспериментальных функций браузера и поддержки оборудования. Поэтому отсутствие значения не обязательно означает, что монитор не поддерживает эту возможность.

• Установите масштаб браузера 100% и перезагрузите страницу.
• Не прокручивайте страницу и оставьте вкладку активной во время измерения частоты обновления.
• Отключите энергосбережение для более стабильного результата кадровой частоты.
• Проверьте разрешение и частоту обновления в настройках экрана операционной системы.
• Обновите браузер и драйвер видеокарты, затем повторите проверку в другом браузере.
• Для внешнего монитора проверьте кабель, переходник и порт: они могут ограничивать разрешение, HDR или частоту обновления.