# Журнал проверки мобильной версии

К статье https://keivo.ru/blog/proverit-mobilnuyu-versiyu-sayta/

Дата и версия страницы:
URL до перехода / итоговый URL:
Телефон / ОС / браузер:
Ориентация / сеть / первый или повторный визит:
Цель посетителя:
Какие устройства пока не проверены:

## Маршрут

1. Открыть нужную страницу и прочитать условия
2. Открыть меню, выбрать раздел, вернуться
3. Проверить длинный текст, таблицу и документ
4. Выполнить предусмотренное действие — отправку формы согласовать заранее
5. Проверить состояние после действия и соседний переход

| Шаг | Ожидается | Наблюдается | Доказательство | Ответственный | Как принять | Статус |
|---|---|---|---|---|---|---|
| Учебный пример: меню → Документы | Панель закрылась, видна памятка | Меню перекрывает памятку | Запись экрана с шагами | Разработчик | Повторить шаги на том же телефоне и соседней ширине | Пример |
| | | | | | | |
| | | | | | | |

## Повторная проверка

- [ ] Исправление есть на публичном домене
- [ ] Исходная ошибка не воспроизводится
- [ ] Соседние действия работают
- [ ] Содержание и документы сохранились
- [ ] Дата, версия и ограничения записаны

Снимки перед передачей очистить от личных уведомлений и данных — журнал не является автоматическим аудитом

## Как подготовить свой проход

### Открыть изменяемую ширину в Chrome

1. Откройте нужный URL и меню с тремя точками → «Дополнительные инструменты» → «Инструменты разработчика» — либо `Ctrl+Shift+I` в Windows/Linux, `Cmd+Option+I` в macOS
2. Нажмите значок телефона/планшета с подсказкой `Toggle device toolbar`
3. В `Dimensions` выберите `Responsive`
4. Укажите поля ширины/высоты — например 360×800 для учебного прохода — перезагрузите страницу
5. Повторите маршрут, затем меняйте ширину и записывайте значение сбоя

Этот проход дополняется проверкой на настоящем телефоне — область в DevTools не равна физическому устройству

### Подобрать страницы и условия

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

Для каждого шаблона найдите обычный и сложный контент: длинное название, таблицу, файл, сообщение об ошибке — укажите реальные адреса

| Объект | URL | Почему выбран | Устройство и браузер | Что ещё не проверено |
|---|---|---|---|---|
| Основное предложение | | Вход в основной сценарий бизнеса | | |
| Длинная статья | | Текст, подпись, изображение, ссылка | | |
| Таблица или документ | | Завершение сценария | | |

Если данных аудитории нет, запишите набор устройств как согласованный стартовый — отсутствие второго телефона не превращайте в вывод «проверены все устройства»

## Заполненный учебный пример

Условия примера: учебный сайт мастерской, версия v1, узкое окно Chrome 360×800, меню сделано панелью поверх содержимого — это пример записи, не фактический клиентский тест

Цель: из статьи перейти к ремонту, прочитать условия и открыть памятку

| Шаг | Ожидается | Наблюдается | Кому передать | Повторная проверка |
|---|---|---|---|---|
| Статья → ремонт | Нужная услуга | Переход работает | Замечания нет | Сохранить как контрольный переход |
| Меню → условия | Панель закрыта, условия видны | Панель скрылась, но прокрутка заблокирована | Разработчику общей навигации | Якорь, обычная ссылка, закрытие без перехода на той же ширине и на 412 |
| Открыть памятку | Согласованная текущая версия | Старые условия в файле | Ответственному за документ | Скачать заново, сверить содержание со страницей |

Доказательство для второй строки должно показывать действия до блокировки и попытку прокрутки — одного снимка закрытого меню недостаточно

После исправления в версии v2 проверяющий повторяет исходные действия и контрольный переход — в своей строке он записывает фактический результат, дату и ссылку на подтверждение

## Дополнительные состояния, если они есть на вашем сайте

- Увеличение текста: читаются подписи и условия, действия остаются доступны
- Форма: поле получает фокус, экранная клавиатура не скрывает следующий шаг
- Ошибка ввода: понятно поле и способ исправления, введённое содержимое сохранено по сценарию
- Согласованная отправка: отдельно проверены сообщение на странице и получение результата ответственным
- Таблица: первая и последняя ячейки доступны, основной документ не расширяется
- Возврат: после файла или перехода можно продолжить исходный маршрут

## Как закрывать строки

Статусы: не проверено / ошибка подтверждена / исправление передано / проверено после исправления / остаётся ограничение

Закрывайте ошибку по повторённым шагам, а не по сообщению исполнителя — если изменён общий компонент, добавьте соседний адрес с тем же компонентом