Закрыть
E-mail:
Пароль:
Забыли пароль?
В каталоге проекта: 11 872 веб-студии, 935 CMS, 234 011 сайт.
РегистрацияCMS MagazineВход
CMS Magazine CMS Magazine

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

15.01.2013 | Автор: Дигибу  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: Дигибу

Оригинал: http://digibu.ru/set/responsive-sites-online-testing

Рекомендуем:


CMS Magazine CMS Magazine
Реклама
RSS-подписка
CMS Magazine CMS Magazine
CMS Magazine