Детектор за размер на екрана
Определяйте viewport на браузъра, резолюция на екрана, съотношение на пикселите и ориентация в реално време. Безплатно, 100% в браузъра.
Справка
Viewport срещу резолюция на екрана — каква е разликата?
Viewport е видимата област на уеб страницата вътре в прозореца на браузъра, измерена в CSS пиксели (window.innerWidth × window.innerHeight). Тя се променя, когато преоразмерите браузъра или отворите DevTools. Резолюция на екрана е общият брой пиксели на физическия ви дисплей (screen.width × screen.height) — тя е фиксирана от хардуера и настройките на дисплея. За адаптивен уеб дизайн viewport е това, което има значение — той определя кои CSS медийни заявки и контролни точки са активни.
Какво е съотношение на пикселите на устройството (DPR)?
Device Pixel Ratio (DPR) показва колко физически (хардуерни) пиксела се съпоставят с един CSS пиксел. DPR от 1 означава съпоставяне 1:1 (стандартни дисплеи). DPR от 2 означава Retina/HiDPI дисплей — всеки CSS пиксел се рендерира с 4 физически пиксела (2×2), произвеждайки по-остър текст и изображения. DPR от 3 е типичен за висококлас смартфони. Това е важно за: предоставяне на @2x/@3x изображения на екрани с висок DPR, разбиране защо екранните снимки на Retina дисплеи са два пъти очакваната резолюция и дебъгване на проблеми с оформлението, които се появяват само при конкретни стойности на DPR.
Приложения за детекция на екрана
Тестване на адаптивен дизайн — проверете дали CSS контролните точки се задействат при правилните ширини на viewport без да отваряте DevTools. Доклади за бъгове — споделете точните размери на viewport, резолюция на екрана и DPR при докладване на проблеми с дисплея на разработчици. Планиране на екранни снимки — знайте точните размери преди да правите екранни снимки за документация или обяви в app store. Размери на реклами и банери — проверете дали размерите на viewport съответстват на изисквания размер на рекламни слотове за дисплейна реклама.
Поверителност
Данните се получават от браузърни API и не се изпращат на сървър.