Сервисы для проверки адаптивности сайта
- In Верстка, Дизайн, Создание сайтов
Для того, чтобы сайт корректно отображался на различных устройствах (компьютерах, планшетах, мобильных телефонах различных моделей), нужен высокий уровень адаптивности. Проверить её можно как в ручном, так и в автоматическом режиме. Проще и быстрее это сделать при помощи специальных сервисов. Ниже приведён перечень наиболее популярных.
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.
Расширение можно скачать через Гугл Хром. После установки выбираем нужную модель устройства. Среди основных возможностей – создание собственной группы гаджетов и её редактирование.

Джамал
Founder MoeDobro.com Серийный предприниматель. Спикер.
Рубрики
Новые посты
-
Купля и продажа рекламы на YouTube
Октябрь 12, 2017 -
Наиболее действенные способы пиара видео в Ютубе
Октябрь 12, 2017 -
Бесплатная раскрутка нового Ютуб канала
Октябрь 12, 2017 -
Теги для Ютуба. Где их взять?
Октябрь 12, 2017 -
Как продвигать видео ролик на Ютубе
Октябрь 12, 2017 -
ТОП7- Сайтов для создания дизайна обложки в Фейсбук
Июль 17, 2017 -
Периодичность публикаций в соцсетях
Июль 17, 2017 -
Отзывы в Фейсбук. На сколько это важно?!
Июль 17, 2017 -
Статистика активности пользователей Фейсбук
Июль 17, 2017 -
Как сохранить подписчиков на Фейсбук
Июль 16, 2017