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

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

2015-09-1122994

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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



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