Сервисы для проверки адаптивности сайта

872

Для того, чтобы сайт корректно отображался на различных устройствах (компьютерах, планшетах, мобильных телефонах различных моделей), нужен высокий уровень адаптивности. Проверить её можно как в ручном, так и в автоматическом режиме. Проще и быстрее это сделать при помощи специальных сервисов. Ниже приведён перечень наиболее популярных.

1. Screenfly http://quirktools.com/screenfly/.

Один из наиболее функциональных сервисов для проверки адаптивности. Необходимо выполнить настройку под нужное разрешение экрана. Сервис предлагает 9 разрешений ноутбуков (1024×600, 1024×768, 1280×800, 1366×768, 1440×900, 1600×900, 1680×1050, 1920×1080, 1920×1200), 6 планшетов, широкое разнообразие мобильных телефонов (начиная от старых и заканчивая последними моделями), а также 3 телевизора (640×480, 1280×720, 1920×1080).
Увидеть фактический размер окна браузера можно справа вверху. Кстати, это единственный сервис, при помощи которого можно выполнять тестирование на основе строки агента пользователя.

2. Seowind https://www.seowind.ru/moi-seo-servisy/.

Практически идентичен Screenfly, только оснащён меню на русском языке.

3. Viewlike.US https://viewlike.us/.

Для выполнения теста нужно указать тип устройства, его производителя и модель. Особенностью сервиса является наличие инструмента «Rotate», который оперативно изменяет экран. Среди предложенных вариантов большой выбор гаджетов (более 30 мобильных телефонов, 20 планшетов и 20 мониторов).

4. ScreenQueri http://beta.screenqueri.es/.

Оснащён большим количеством предустановленных устройств – 47. Для того, чтобы начать работу с сервисом, необходимо пройти процедуру регистрации. Для проверки адаптивности следует выполнить настройку разрешения экрана при помощи горизонтальных и вертикальных линий. Среди недостатков – достаточно сложный интерфейс. Хотя к нему быстро привыкаешь.

5. Responsinator http://www.responsinator.com/.

Для начала тестирования прописываем нужный адрес вверху страницы. После нажатия на клавишу «Go» можно увидеть, как выглядит сайт. Причём сервис предоставляет возможность просмотра сайта как в вертикальном, так и в горизонтальном расположении. Также есть возможность одновременного просмотра сайта на различных устройствах, причём в одном окне.

6. Matt Kersley Tool http://mattkersley.com/responsive/.

Простой и минималистичный сервис, который позволяет узнать адаптивность безо всяких настроек. Среди доступных форматов расширений — 240×320, 320×480, 480×640, 768×1024, 1024×768.

7. Deviceponsive.com http://deviceponsive.com/.

Сайт предоставляет неплохой набор сведений об адаптивности сайта. Здесь можно узнать точные размеры экрана, а также увидеть полную картинку того, как отображается сайт на различных гаджетах. Также можно выбрать бэкграунд и добавить к полученной картинке логотип организации. Среди недостатков – небольшой выбор моделей устройств (iPhone, Samsung Galaxy, Macbook, iPad, Kindle).

8. Responsive Web Design Tester https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg.

Расширение можно скачать через Гугл Хром. После установки выбираем нужную модель устройства. Среди основных возможностей – создание собственной группы гаджетов и её редактирование.

Ребята, мы вкладываем душу в MoeDobro.com. Спасибо за то, что открываете новые горизонты вместе с нами. Спасибо за вдохновение и поддержку. Присоединяйтесь к нам в FaceBook
Джамал

Founder MoeDobro.com Серийный предприниматель. Спикер.

Leave a Reply