Сравнивайте экраны
Откройте одну страницу в нескольких популярных размерах устройств или задайте свои размеры.
Продукты Brandmaker / Расширение для Chrome
Проверка адаптивности сайта сразу на нескольких устройствах
Brandmaker QA открывает сайт в 3–5 макетах экранов одновременно. Сравнивайте мобильную версию сайта на разных ширинах, находите ошибки вёрстки и передавайте замечания команде без постоянного переключения между окнами.
Для разработчиков, маркетологов и руководителей проектов, которые улучшают сайты.
Реальный интерфейс Brandmaker QA
Зачем это нужно
Увидеть проблемы до того, как их увидят посетители
Один экран может выглядеть аккуратно, а на другом кнопка выходит за край или текст становится слишком мелким. Сравнение макетов рядом помогает заметить это быстрее.
Повторяйте сценарий
Синхронизируйте прокрутку, нажатия, переходы и ввод в обычные поля между экранами.
Передавайте замечания
Проверьте возможные выходы за границы, мелкий текст и небольшие области нажатия, затем скачайте отчёт для разработчика.
Сервис в работе
Как сайт выглядит на разных разрешениях экрана
На снимке открыта главная страница Brandmaker: три смартфона и планшет показывают её одновременно. Вы выбираете профиль устройства, меняете масштаб, поворачиваете макет и смотрите, как ведёт себя интерфейс.
Так удобно проверять заголовки, изображения, меню, карточки, формы и другие элементы на разных ширинах.
Нажмите, чтобы рассмотреть интерфейс в полном размере
Быстрый старт
Как проверить адаптивность своего сайта
- Установите расширениеОткройте Brandmaker QA из панели Chrome.
- Введите адресРазрешите доступ к сайту и выберите 3–5 профилей устройств или собственные размеры.
- Пройдите страницуСравните макеты, при необходимости включите синхронизацию и сохраните отчёт с замечаниями.
Что именно проверяет Brandmaker QA
Расширение показывает страницу в заданных CSS-размерах внутри Chrome. Оно помогает заранее увидеть возможные проблемы адаптивной вёрстки. Проверку на настоящих телефонах, планшетах и в других браузерах нужно проводить отдельно: макеты не воспроизводят их движки и особенности устройств.
Замечания автоматического отчёта требуют ручной оценки. Если включена синхронизация, действия с формами могут повторяться на нескольких экранах — для проверки используйте тестовые данные.
Brandmaker QA
Проверьте адаптивность сайта за один проход
Установите расширение и посмотрите на ключевые страницы сразу в нескольких размерах экрана.