Онлайн проверка адаптивности сайта

Онлайн проверка адаптивности сайта

02015-09-11144124Денис Абдуллин

Адаптивный дизайн не просто новый тренд, а в некоторой степени необходимость. Теперь и русские сайты делают такими, чтобы они хорошо смотрелись красиво и удобно на любом экране.

Мы делимся с вами списком сервисов онлайн проверки адаптивности сайта. В отличии от других блогов, у нас только лучшие сервисы.

Отмечу, что в официальном магазине uCoz шаблонов, все темы адаптивны, т.к. это одного из главных условий публикации шаблона на продажу.


Screenfly – проверка адаптивности сайта с выбором дейвайса

Перейти к сервису: http://quirktools.com/screenfly/

Сервис Screenfly вынесен как первым потому, что он имеет список размеров популярных экранов мобильных телефонов, смартфонов, ноутбуков и настольных компьютеров. Разумеется можно задать свои размеры и посмотреть, также есть возможность просмотра сайта через прокси-сервер, включение и отключение скроллинга.

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

Mattkersley – все размеры на одной странице

Перейти к сервису: http://mattkersley.com/responsive/

Проект хорош тем, что вы вводите ссылку на свой сайт, а он загружает его во все фреймы, что есть на страницы. Можно сразу тестировать сайт на 5 размерах. Есть 2 режима: просто тестировать ширину или показать названия устройств и их высоту.

Проверка адаптивности на всех устройствах

Responsive.is – проверка адаптивности на нескольких устройствах

Перейти к сервису: http://responsive.is/

Хороший и удобный сервис, но проверить сайт можно только на 5 устройствах. По сравнению с предыдущими сервисами это очень мало. Для тех пользователей, кто теряется во всех этих размерах, здесь они даже неуказываются, просто показаны значки устройств.

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

Лично я не пользуюсь такими сервисами, а просто уменьшаю ширину браузера. Плюс ко всему, сервисы проверки адаптивности сайта делают тоже самое, лучше смотреть свой проект на реальных устройствах, в стандартных браузерах Android и Safari на iPhone.

Есть и другие сервисы, в том числе и на русском языке. Сначала мы хотели привести именно их, но они просто копировали выше перечисленные сайты, просто переведен имеющийся текст, просто вместо «Phone», например, вы будете видеть «Телефон».


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (4)
Николай Скиданенко 2015-09-22 в 06:59 / МатериалСпам
В Screenfly прокрутку можно отключить
0
Cry Deil 2015-09-14 в 17:36 / МатериалСпам
Там есть прокрутка, а это плохо.
Я использую в Google Chrome F12(Device Mode Mobile Emulation)
0
Денис Абдуллин 2015-09-11 в 18:23 / Материал
Есть еще люди, кто с телефонов сидят. Nokia 6300 как раз 240x320 разрешение имеет.
0
Дмитрий Мокрушин 2015-09-11 в 16:36 / МатериалСпам
Мле, 240х320 это уже слишком, из современных смартфонов уже не встретишь экран с таким разрешением.
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.