Digital агентство MST

Инструменты тестирования адаптивной вёрстки

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

responsinator.com

Шесть разрешений для горизонтальной и вертикальной ориентации экрана.

studiopress.com/responsive

Пять разрешений для вертикальной ориентации экрана. Изображения выровнены по высоте, но можно отобразить их в полный размер.

screenqueri.es

Можно задать произвольную ширину и высоту экрана. Или выбрать устройство с нужным разрешением из предложенного списка. Ориентацию экрана можно сделать горизонтальной или вертикальной.

responsive.victorcoulon.fr

Необходимо перетащить кнопку «RWD Bookmarklet» на панель закладок в браузере. Затем открыть тестируемый сайт и нажать кнопку.

Можно отобразить на экране виртуальную клавиатуру и посмотреть, сколько останется свободного пространства.

plastilin5.com/tools

Сервис на русском языке. Три разрешения для горизонтальной и вертикальной ориентации экрана.

  • Андрей

    Я пользуюсь adaptivator.ru, он еще анализирует и качество кода, выдавая полезные подсказки.

  • Павел Столяров

    www.iloveadaptive.ru лучший сервис на текущий момент