Как узнать разрешение экрана и версию браузера

Разрешение экрана и версия браузера нужны в самых разных ситуациях. Техподдержка просит их для диагностики, при покупке монитора хочется свериться с тем, что показывает система, а верстальщику важно не перепутать логические пиксели с физическими. Быстрее всего открыть страницу, которая сама всё определит, без походов по настройкам системы.

Разрешение, браузер, операционная система и User-Agent показываются сразу в инструменте определения системы. Данные читаются локально в браузере и никуда не отправляются.

Разрешение экрана: логическое и физическое

Здесь скрывается частая путаница. У экрана на самом деле два «разрешения».

• Логическое, в CSS-пикселях. Им оперирует вёрстка сайта, и его же в первую очередь показывают системные настройки экрана.
• Физическое, в реальных пикселях матрицы. Это то, что указано в характеристиках устройства в магазине.

На обычных мониторах числа совпадают. На Retina-дисплеях (MacBook, iPhone, большинство современных Android-флагманов) физическое разрешение в 2–3 раза больше логического. Экран рисует в несколько раз больше пикселей, чем «видит» вёрстка, отсюда чёткость текста и изображений. Для покупки монитора или сравнения характеристик берите физическое, а для вёрстки логическое.

Как узнать разрешение экрана в Windows

1. Нажмите правой кнопкой мыши на рабочем столе → «Параметры экрана».
2. В разделе «Разрешение экрана» будет указано текущее значение и пометка «(рекомендуется)» у оптимального для вашего монитора.

Путь одинаковый для Windows 10 и Windows 11, отличается только оформление окна настроек.

Как узнать разрешение экрана на Mac

1. Apple-меню → «Системные настройки» → «Дисплеи».
2. Разрешение показано в выпадающем списке, там же его можно переключить на «По умолчанию» или задать своё.

Как узнать разрешение экрана на Android и iPhone

На телефоне разрешение почти никогда не нужно менять вручную, Android и iOS сами подбирают его под экран. Посмотреть точное значение проще через сам сайт выше, страница откроется в браузере телефона и покажет реальные цифры. Искать пункт в настройках дольше: на Android он спрятан в «Настройки → Дисплей → Дополнительно», а на iPhone отдельного пункта вообще нет, разрешение производитель публикует в технических характеристиках модели.

Как узнать, какой у меня браузер и версия

Версия браузера чаще всего нужна, чтобы сообщить её в техподдержку или проверить, обновился ли браузер. Быстрее всего посмотреть в том же инструменте: название, версия и операционная система определяются автоматически, рядом лежит строка User-Agent с кнопкой копирования.

Ручной способ через меню браузера, если инструмент недоступен:

• Chrome и Яндекс Браузер: три точки → «Справка» или «О браузере».
• Firefox: меню → «Справка» → «О Firefox».
• Safari: меню Safari → «Об этом Safari».

Что такое User-Agent и почему ему нельзя всецело доверять

User-Agent — строка, которую браузер сам передаёт каждому сайту при запросе страницы: имя браузера, версия, движок, операционная система. Раньше сайты массово читали её, чтобы решить, какую вёрстку показать. Проблема в том, что строка не защищена. Расширения вроде user agent switcher подделывают её в один клик, поэтому современные сайты дополнительно проверяют реальную поддержку конкретных функций браузером (feature detection), а не полагаются на то, что написано в User-Agent.

Итог

Разово ответить на вопрос «какое у меня разрешение» или «какой у меня браузер» быстрее через готовый инструмент, чем через системные настройки. Инструкции по настройкам выше пригодятся, если разрешение нужно именно поменять, а не просто узнать.