Проверка адаптивности сайта

Отвечаем на вопрос, а не показываем окошки: адаптивна ли страница и почему. Читаем её код и стили, находим viewport, точки перелома и то, что ломает мобильную версию.

Можно с https:// и без. Адаптивность решается шаблоном страницы, поэтому внутренние страницы стоит проверять отдельно от главной: у карточки товара и статьи шаблоны свои.

Вердикт, а не окошки

Почти всё, что находится по запросу «проверка адаптивности», устроено одинаково: сайт загружают в окна разных размеров, а решать предлагают вам. Проверка от Google закрыта (объявление Google, конец 2023 года), проверка в Яндекс.Вебмастере требует входа и подтверждения прав на сайт. Здесь ответ даётся прямо: адаптивна страница или нет, и по каким признакам это видно.

Чего эта проверка не умеет

Мы разбираем код, а не рисуем страницу. Горизонтальную прокрутку от конкретной таблицы, слишком мелкий шрифт или налезающие кнопки покажет только живой просмотр — для этого рядом есть просмотр сайта в разных разрешениях экрана. Эти два инструмента отвечают на разные вопросы: наш про то, адаптивен ли сайт по коду, а просмотр про то, как он выглядит на конкретной ширине.

Про внутренние страницы

Адаптивность решается шаблоном, а шаблоны у разделов разные: главная может перестраиваться безупречно, а карточка товара с широкой таблицей характеристик — ломаться. Проверяйте по одной странице каждого шаблона: главную, раздел, карточку, статью.

Другие инструменты