Проверка мобильной версии сайта
Открываем сайт в браузере с мобильным экраном 390px и смотрим, что видит посетитель с телефона: помещается ли вёрстка, доступны ли кнопки и меню, не перекрыт ли призыв к действию.
Мобильные проблемы часто появляются незаметно — после правки шаблона на десктопе. Отдельная проверка ловит их до того, как их заметят пользователи.
Что проверяется на мобильном
- meta viewport: наличие и корректность
- Горизонтальная прокрутка: элементы шире экрана
- Перекрытие кнопок, меню и модальных окон фиксированными блоками
- Доступность и видимость основного целевого действия
- Для магазина — проходит ли путь товар → корзина на телефоне
- Ошибки JavaScript и сети в мобильном контексте
- Скриншот мобильного экрана для каждой проверенной страницы
Примеры проблем, которые находит проверка
Кнопка «Купить» перекрыта на iPhone фиксированным элементом
На мобильных нельзя добавить товар в корзину — прямая потеря заказов.
Горизонтальная прокрутка на мобильном
Вёрстка «поехала» после правки — сайт выглядит сломанным на телефоне.
Главный CTA не виден без прокрутки
Посетитель не понимает, что делать дальше, и закрывает вкладку.
Страница оформления заказа не открывается
Клиент дошёл до последнего шага и не может завершить заказ.
Проверить мобильная версия
Частые вопросы
Какой экран используется?
Ширина 390px — типичный современный смартфон. Дополнительно вёрстка проверяется на десктопном экране 1440px.
Это то же, что «Проверка адаптивности» у Google?
Похоже по цели, но мы не только смотрим адаптацию, а ещё и проходим сценарий на мобильном и фиксируем перекрытия и ошибки.
Проверяете ли вы отдельное мобильное приложение?
Нет, только мобильную версию сайта в браузере.