Как проверить мобильную версию сайта после правок ИИ-агента?

Как проверить мобильную версию сайта после правок ИИ-агента?

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

С чего начать проверку на смартфоне?

Откройте исправленную страницу на телефоне через браузер, которым пользуетесь обычно. Начните с верхней части: видно ли название услуги и понятно ли, куда нажать дальше? Пролистайте страницу до конца, не увеличивая её пальцами. Если для чтения приходится приближать текст или двигать экран вбок, запишите место ошибки и сделайте снимок экрана.

Проверьте и страницу, с которой посетитель начинает путь. Например, если агент изменил карточку услуги, зайдите на неё через главную или меню. Заодно станет видно, ведёт ли ссылка на нужную страницу и легко ли вернуться назад. Когда сайт рассчитан на посетителей из разных городов Беларуси, откройте также страницу с условиями работы: клиенту нужно быстро найти свою географию обслуживания.

Перед проверкой убедитесь, что открылась новая версия сайта. Обновите страницу в браузере; если правка всё ещё не видна, попросите того, кто публиковал сайт, проверить адрес и версию. Иначе можно потратить время на поиск ошибки в старом варианте страницы.

Что проверить в тексте, меню и кнопках?

Пройдите страницу сверху вниз как посетитель, который впервые слышит о вашем предложении. Сначала прочитайте заголовок и условия, затем откройте меню и перейдите к следующему действию. На телефоне длинный заголовок иногда занимает почти весь экран, а кнопка уходит ниже. Сократите текст там, где смысл сохраняется, и снова посмотрите, виден ли путь к заявке.

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

Не ограничивайтесь первым экраном. Агент мог исправить шапку сайта и случайно изменить общий стиль кнопок внизу других страниц. Для такой проверки откройте хотя бы страницу услуги и страницу контактов. Если после правок стало трудно различать текст или понимать, на каком элементе находится фокус при работе с клавиатурой, пригодится отдельная проверка доступности сайта после правок Claude Code.

Как проверить форму заявки и действия после отправки?

Заполните форму на смартфоне сами. Коснитесь каждого поля, введите пробные данные и посмотрите, видно ли подпись поля над открытой клавиатурой. Особенно проверьте нижнюю кнопку: иногда клавиатура закрывает её, и человеку приходится угадывать, как завершить ввод. Если поле для телефона предлагает неподходящую клавиатуру или мешает исправить цифру, зафиксируйте это отдельно.

Затем отправьте тестовую заявку только там, где её можно отличить от настоящей и удалить из рабочего списка. Проверьте сообщение на экране: понятно ли посетителю, что произошло? Если тестовая отправка недопустима, попросите разработчика показать работу формы на тестовой версии сайта. Пустая кнопка, бесконечная загрузка и сообщение об ошибке без подсказки требуют исправления до публикации.

Проверьте также путь без формы. Нажмите на номер телефона и адрес электронной почты, если они есть на странице. Телефон должен открывать действие для звонка, а адрес — создание письма. Так посетитель сможет связаться с компанией, даже если предпочитает не заполнять поля.

Как передать ошибки ИИ-агенту или разработчику?

Для каждой ошибки запишите адрес страницы, действие и то, что увидели. Вместо «на мобильном всё съехало» напишите: «На странице услуги после открытия меню кнопка закрывает заголовок; телефон держу вертикально». Добавьте снимок экрана. Такое описание позволяет воспроизвести проблему и проверить результат после исправления.

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

Если агент менял заголовки, ссылки или текст услуги, после проверки экрана посмотрите и на то, как страница выглядит для поиска. Для этого есть отдельный разбор: как проверить SEO сайта после правок Cursor. На самой мобильной странице начните с простого: заголовок должен объяснять услугу, а текст ссылки — подсказывать, куда она ведёт.

Какие ошибки чаще всего пропускают перед публикацией?

  • Смотрят только предпросмотр на компьютере. Исправление: открыть опубликованную версию на смартфоне и пройти страницу пальцем.
  • Проверяют один экран и не доходят до формы. Исправление: пролистать страницу до конца и попробовать отправить тестовую заявку, если это допустимо.
  • Считают снимок экрана доказательством работы кнопок. Исправление: нажать меню, ссылки и элементы формы на самом устройстве.
  • Исправляют одну страницу и не смотрят остальные. Исправление: после правки общего меню проверить хотя бы страницу услуги и контакты.

Начните с одного действия: откройте на смартфоне страницу, которую ИИ-агент правил последней, и попробуйте дойти с неё до заявки без увеличения экрана.