Які характеристики вашого екрана?
Побачте роздільну здатність екрана, розміри вʼюпорту браузера, співвідношення пікселів пристрою (DPI), глибину кольору та орієнтацію — все визначається миттєво з вашого браузера.
Цей інструмент зчитує window.screen та devicePixelRatio для повідомлення фізичної роздільної здатності дисплея, розміру вʼюпорту, щільності пікселів, глибини кольору та орієнтації.
Співвідношення пікселів пристрою 2 означає, що кожен CSS-піксель використовує 2x2 фізичних пікселі (Retina/HiDPI); 24-бітна глибина кольору забезпечує 16.7 мільйонів кольорів.
Що означають ваші результати?
| Result | Range | Meaning |
|---|---|---|
| Виявлено | Роздільна здатність, DPR та глибина кольору показані | Ваш браузер успішно повідомляє всі властивості дисплея. DPR 1x — стандартний, 2x — Retina/HiDPI, 3x зустрічається на висококласних мобільних екранах. |
| Обмежено | Вʼюпорт значно відрізняється від роздільної здатності екрана | Панелі інструментів браузера, панель завдань або налаштування масштабування зменшують доступний вʼюпорт. Натисніть F11 для повноекранного режиму, щоб максимізувати доступний простір. |
| Не підтримується | Деякі властивості повертають нуль або undefined | Рідко зустрічається у сучасних браузерах. Переконайтеся, що ви не перебуваєте в headless або вбудованому контексті, що обмежує доступ до screen API. |
Поширені проблеми та способи їх вирішення
Роздільна здатність екрана показується нижчою за очікувану
Перевірте налаштування масштабування дисплея у вашій ОС. При масштабуванні 150% на дисплеї 1920x1080 браузер повідомляє ефективну роздільну здатність 1280x720 CSS-пікселів з DPR 1.5.
Глибина кольору показує 24-біт замість 30-біт
30-біт (10 біт на канал) вимагає сумісного GPU, дисплея та конфігурації драйвера. Більшість споживчих дисплеїв використовують 24-біт (8 біт на канал), що забезпечує 16.7 мільйонів кольорів.