Перед публикацией сайта необходимо проверить его отображение на разных устройствах и разрешениях экрана. Делать это вручную на реальных устройствах — долго и дорого. На помощь приходят онлайн-инструменты для тестирования адаптивного дизайна.
Am I Responsive
Создаёт интерактивный макет сайта сразу на нескольких устройствах. Позволяет сделать скриншот для презентации проекта клиенту или в портфолио.
Responsive Design Checker
Быстрый инструмент, отображающий сайт отдельно для каждого устройства. Предлагает широкий выбор разрешений экрана — от мобильных телефонов до десктопов.
Responsive Test
Позволяет вводить разрешение вручную — полезно при тестировании нестандартных размеров экрана. Интуитивный и простой интерфейс.
Responsinator
Минималистичный инструмент, показывающий сайт на смартфонах и планшетах в портретной и альбомной ориентации. Без лишних настроек — открыл и смотришь.
Screenfly
Функциональный инструмент с поддержкой вращения экрана и принудительного обновления страницы. Поддерживает как современные, так и устаревшие устройства.
Mobile Test
Простой инструмент для просмотра сайта на популярных устройствах: планшетах, iPhone, Lumia. Без дополнительных настроек.
Mobile Friendly (Google)
Инструмент от Google, который проверяет не визуальное отображение, а мобилопригодность сайта с точки зрения поисковика. Показывает, что именно нужно улучшить для мобильных пользователей.
Расширения для браузеров
Для Chrome и Firefox существуют расширения Responsive Web Design Tester и Web Developer — они позволяют проверять адаптивность прямо в браузере, не открывая сторонние сервисы.
При тестировании с рекламными сервисами вроде AdSense рекомендуется обновлять страницу для корректного отображения — некоторые блоки подгружаются с задержкой.