Инструмент показывает полную техническую информацию о вашем экране и окне браузера: физическое разрешение (screen.width × screen.height), размер видимой области (viewport / window.innerWidth), Device Pixel Ratio (DPR), глубину цвета, ориентацию, а также user agent браузера. Всё в одном месте и без установки расширений.
Полезно QA-инженерам при воспроизведении баг-репортов (узнать точное разрешение пользователя), frontend-разработчикам для проверки responsive-вёрстки, дизайнерам для понимания, какой экран у клиента, и просто любопытным — понять, на каком DPR работает ноутбук.
Все значения обновляются в реальном времени: измените размер окна или поверните планшет — цифры пересчитываются мгновенно. Работает в Chrome, Firefox, Safari, Edge, Яндекс.Браузере.
Текущий размер окна
0 x 0
Breakpoint: xs
Разрешение экрана
0 x 0
Доступная область
0 x 0
Размер окна
0 x 0
Device Pixel Ratio
1x
Физические пиксели
0 x 0
Ориентация
Глубина цвета
0 bit
Tailwind Breakpoint
xs
Сравнение с популярными разрешениями
Измените размер окна для обновления
Откройте страницу — значения определятся автоматически.
Посмотрите нужные параметры: разрешение, viewport, DPR, UA.
Бесплатный виджет с бэклинком на ваш сайт
Загрузка…
Для корректного взаимодействия API используйте основные HTTP‑коды: 200 — успех, 201 — создано, 400 — ошибка запроса, 401 — неавторизовано, 404 — не найдено и 500 — ошибка сервера.
Диаграммы архитектуры сохраняют критическую роль в DevOps, обеспечивая визуальное согласование, ускоряя автоматизацию и снижая риски внедрения новых сервисов.
PostgreSQL Benchmarking Tool измеряет производительность запросов за секунды, а оптимизация JOIN в SQLite сокращает время выполнения до 30 % уже в 2026 году.
Измените размер окна или поверните устройство — цифры обновятся.
Нажмите «Скопировать» рядом с нужным полем, чтобы добавить в баг-репорт.
Физическое screen.width × screen.height — сколько пикселей у вашего монитора.
Текущий размер области просмотра браузера — то, что видит CSS @media.
DPR для Retina-экранов — 1, 2 или 3. Важно для подготовки ассетов.
Полная строка UA — версия браузера, ОС, архитектура.
Измените размер окна — значения пересчитываются моментально.
Для лучших результатов используйте современный браузер (Chrome, Firefox, Edge)
Все файлы обрабатываются локально в вашем браузере для максимальной безопасности
Сохраняйте результат сразу после обработки
Попробуйте разные настройки для оптимального результата
Разрешение экрана — все физические пиксели монитора. Viewport — то, что реально доступно браузеру: минус панель задач, адресная строка, открытая боковая панель. CSS @media работает именно с viewport.
Device Pixel Ratio 2 — на один CSS-пиксель приходится 2×2 физических пикселя (Retina, HiDPI). Значит, картинки нужны в двойном разрешении (@2x), иначе будут мыльными.
В Windows: Параметры → Система → Дисплей. В macOS: Настройки → Мониторы. Но через наш инструмент быстрее и включает viewport и DPR, которых в системных настройках нет.
Нет. Все параметры считываются через JavaScript-API браузера и отображаются локально. Мы не видим ваш user agent и разрешение.
Яндекс.Браузер основан на Chromium и по умолчанию возвращает UA, похожий на Chrome. Присмотритесь — внутри строки обычно есть «YaBrowser/…».
Создайте QR-код из текста, URL или данных