Как проверить адаптивность сайта
В последнее время большое значение уделяется адаптивности, то есть поведению сайта, шаблона, темы, посадочной страницы на различных устройствах. Мы должны быть уверены в том, что наш ресурс комфортно ведет себя на компьютерах, телефонах, смартфонах, планшетах. Поэтому если вы еще не знаете, как проверить адаптивность сайта, то в этой статье вы узнаете о двух из множества специальных онлайн сервисов, которые жаждут проверить ваше творение на адаптивность.
Онлайн сервис ami.responsivedesign
Вся адаптивность сервиса ami.responsivedesign заключается в том, что он учитывает размеры устройства, с которого зашел пользователь и адаптируется под него, меняя при этом размеры шрифта, формы и блоков.
На сервисе вы можете проверить адаптивность своего сайта в четырех устройствах: настольный компьютер (1600x992px), телефон (320x480px), планшет (768x1024px) и ноутбук (1280x802px).
Для начала работы нужно ввести в адресную строку адрес своего сайта и нажать “GO”. Всю остальную работу сервис сделает без вас.
Кстати, вы также можете сделать скриншот сайта на различных устройствах. Сделать это совсем нетрудно, так как есть возможность свободно перетаскивать устройства на экране, вплоть до расположения их в один ряд.
Сервис понравился своей простотой и возможностью увидеть все результаты на одном экране. Рекомендую.
Онлайн сервис bradfrostweb.com
Сервис bradfrostweb.com привлек своим дизайном и набором своих возможностей. Он предоставляет гораздо больше вариантов для тестирования сайтов на адаптивность. Панель управления находится вверху. В левом верхнем углу нужно ввести адрес своего сайта, и точно так же дать команду двигаться вперед, нажав на кнопку “GO”. А в правой части панели управления варианты, в которых возможны тесты:
- Размер S – 416 х 260px
- Размер M – 638 х 398px
- Размера L – 1143 х 714px
- Проверка сайта в полном формате
- Рандомная проверка сайта в “случайном” размере
- Режим Disko (дискотека) позволит понаблюдать за изменения размеров сайта в реальном времени
- Режим HAV показывает в замедленном темпе изменение размеров сайта от минимального до максимального.
Мне показался очень симпатичным и комфортным этот онлайн сервис, который в реальном времени показывает, что происходит с моим сайтом, когда его просматривают владельцы различных устройств.
Теперь вы знакомы еще с двумя интересными онлайн сервисами по проверке адаптивности интернет-ресурса. Если вам нужны красивые скриншоты работы вашего сайта в различных устройствах, то используйте bradfrostweb.com. Если же вам нужен инструмент проверки сайта, то рекомендую воспользоваться bradfrostweb.com.
В комментариях вы можете поделиться о том, каким сервисам по проверке сайтов на адаптивность вы доверяете. Какие считаете лучшими. Какие можете порекомендовать другим веб-мастерам.
[sc:подпись ]