Система
Швидко перевірте роздільну здатність екрана, розмір області перегляду та розміри дисплея — усе з вашого браузера.
Роздільна здатність екрана
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 і чому картинки можуть виглядати м'яко без подачі в підвищеній щільності.
Чому роздільна здатність змінюється за підключення зовнішнього монітора?
Тому що браузер повідомляє дисплей, на якому зараз вікно, і перенесення вікна між дисплеями це змінює. Дублювання заганяє обидва дисплеї у спільний режим — зазвичай нижній із двох, тому панель ноутбука високої роздільної здатності ніби втрачає роздільну здатність за дублювання на проектор нижче. Розширення замість дублювання цього уникає.
Чи може сайт визначити фізичний розмір мого монітора?
Ні. Діагональ і модель панелі лежать в ідентифікаційних даних дисплея, які браузери веб-сторінкам не відкривають. Сайти, що заявляють фізичний розмір, ділять повідомлену роздільну здатність на припущену щільність пікселів — точно лише за випадково вірного припущення, тож вважайте будь-яку таку цифру оцінкою, а не вимірюванням.
Перевірка роздільної здатності екрана вимагає щось завантажувати?
Ні. Значення читаються з власних екранних і віконних інтерфейсів браузера, доступних будь-якій сторінці без плагіна, розширення й встановлення. Нічого не завантажується й не передається: сторінці не потрібен мережевий доступ, щоб прочитати інформацію, яка в браузера вже є.