«Посмотреть мобильную версию» обычно означает уменьшить окно браузера — и на этом проверка заканчивается. Ниже три способа посмотреть по-настоящему и пять пунктов, которые стоит проверить, с числами из прогона 78 проверенных площадок.
Три способа посмотреть
Режим устройства в браузере. F12 → Ctrl+Shift+M в Chrome, Ctrl+Shift+M в Firefox. Выставьте ширину 390 точек — это iPhone последних лет и самый частый экран в статистике. Режим показывает вёрстку и перестроение блоков; скорость и попадание пальцем он не показывает.
Настоящий телефон. Единственный способ увидеть, как страница грузится по мобильной сети и попадает ли палец в кнопку. Свой сайт открываем именно так, эмулятор — для быстрых прогонов.
Запрос с мобильным агентом. Показывает, что сервер отдаёт телефону — тот же HTML или другой:
curl -s -A "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) \
AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1" \
https://сайт.ru/ | head -50
Если ответ отличается от браузерного, у сайта отдельная мобильная версия, и проверять придётся обе.
Что проверять: пять пунктов и числа
22.09.2026 мы открыли главные страницы выборки компаний Екатеринбурга в настоящем движке браузера с экраном 390×844 и померили то, что видит посетитель. Ответили 78 площадок.
1. Метатег viewport. Без него телефон рисует страницу как уменьшенный десктоп. Нет его ровно у одной площадки прогона — это редкая, но самая грубая ошибка. Зато 13 площадок запрещают увеличение пальцами через user-scalable=no или maximum-scale=1: вёрстка от этого не чинится, а человеку со слабым зрением читать нечем.
2. Прокрутка вбок. Появляется, когда что-то шире экрана. Нашлась у 2 площадок из 78: лишние 37 и 230 точек.
Здесь же ловушка, из-за которой эту проверку часто делают неправильно. Элементы, вылезающие за правый край, есть почти у всех — у 74 площадок, серединно по 167 штук на страницу. Но прокрутки от них нет: за краем лежат спрятанные меню и выехавшие панели, для того их туда и увели. Судить надо по scrollWidth документа, а не по отдельным элементам — иначе получите 74 «поломки» на ровном месте.
3. Размер шрифта. Серединный размер основного текста — 15 точек, это нормально. Ниже 14 серединный размер опустился у 11 площадок, а отдельные блоки мельче 12 точек нашлись у 29 из 78. Обычно это подписи, сноски и пункты в подвале — читать их на телефоне невозможно.
4. Размер кнопок. Считали только самостоятельные элементы — кнопки и ссылки, не встроенные в текст абзаца. Серединная высота вышла 44 точки, то есть ориентир соблюдён. Но мельче 40 точек хотя бы по одной стороне — 36% таких элементов, у 28 площадок из 75 их больше половины, а совсем крошечные, мельче 24 точек, нашлись у 43 площадок. Чаще всего это иконки соцсетей, крестики и стрелки каруселей.
5. Что осталось за кадром. Горизонтальные таблицы, поля формы с мелким шрифтом, всплывающие окна без крестика, телефон не ссылкой tel:. Это проверяется только глазами и только на телефоне.
Проверить у себя тремя командами
Метатег:
curl -s https://сайт.ru/ | grep -o '<meta[^>]*viewport[^>]*>'
Прокрутка вбок — в консоли браузера при ширине 390:
document.documentElement.scrollWidth > window.innerWidth
Мелкие кнопки — там же:
[...document.querySelectorAll('a,button')]
.map(e => e.getBoundingClientRect())
.filter(b => b.width > 0 && (b.height < 40 || b.width < 40)).length
Границы замера
Одна страница с каждого сайта — главная, один город, один экран 390×844, один день. Мы мерили вёрстку, а не скорость: время загрузки на мобильной сети в этот прогон не входило. Размер кнопок считали по прямоугольнику элемента, поэтому кнопка с большой прозрачной областью вокруг попала в «мелкие» несправедливо — таких случаев в выборке единицы, но они есть.
Коротко
Смотреть мобильную версию надо тремя способами сразу: эмулятором для вёрстки, телефоном для ощущения, запросом с мобильным агентом для того, что отдаёт сервер. Грубых поломок в прогоне мало — прокрутка вбок у двоих, отсутствующий viewport у одного. Настоящая масса ошибок мельче: запрет масштабирования у 13, мелкий текст у 29, кнопки меньше 40 точек у большинства проверенных площадок.
