А как твой сайт выглядит на разных устройствах?

Учитывая бешеную скорость роста популярности мобильных устройств, при разработке сайта ни в коем случае не стоит отметать их. Создавая веб-ресурс, нужно учитывать, как он будет «юзаться» на мобильных устройствах.

А проверить это можно при помощи специализированных сервисов, некоторые из которых будут рассмотрены ниже.

Сервисы онлайн-проверки

Первый инструмент для проверки сайта на предмет адаптации для различных устройств, размещенный по адресу http://symby.ru/adap+test, позволяет увидеть, как будет смотреться ваш веб-ресурс на девайсах с различными разрешениями экранов. При этом нет никакой привязки к операционным системам или браузерам.



Из настроек в процессе тестирования доступны только разрешения экранов и типы мобильных устройств. В общем, этот сервис может пригодиться, если есть необходимость очень быстро «прикинуть», как будет выглядеть сайт на разных устройствах.



Для тех, кто ориентирован на пользователей iPad, будет полезен сервис http://ipadpeek.com/. Это до боли простой в использовании сайт, перейдя на который вы увидите перед собой Айпад в реальном размере. Нужно просто ввести в адресную строку его браузера адрес нужного сайта, и он отобразится на устройстве.



Помимо возможности оценить, как будет смотреться сайт на iPad, вы можете увидеть, как он выглядит на экране iPhone. Для этого просто нажмите нужную кнопку в меню выбора устройства.



Есть возможность также и перевернуть виртуальный девайс. Делается это при помощи значка .

Еще один онлайн-сервис, при помощи которого можно оценить, как будет смотреться веб-ресурс на 4 разных устройствах (не только мобильных) - http://ami.responsivedesign.is.Здесь для пользователей нет никакой свободы выбора: никакие настройки не доступны. Остается только ввести адрес интересующего сайта и посмотреть на результат.




Десктопные программы

Довольно неплохой вариант программы, которая позволит вам оценить, как смотрится сайт на устройствах на базе ОС Android - Google Android Emulator. Скачав эту программу на свой компьютер, вы получаете по сути самостоятельное Андроид-устройство, на которое можно установить любой софт для Android.

Скачайте интересующие вас браузеры для этой ОС, установите на ваш виртуальный смартфон и оценивайте, насколько ваш веб-ресурс готов к работе с мобильными устройствами.



Правда, перевернуть виртуальный мобильник, как в случае с iPad, рассмотренном выше, не получится. Еще один «минус» этой программы – отсутствие возможности выбрать конкретную версию Android, что иногда бывает очень важно при работе с довольно сложными ресурсами.

Что касается других операционных систем, то десктопные эмуляторы практически для каждой из них найти сегодня в Сети не проблема. Причем в большинстве случаев они являются бесплатными.

Стоит отметить, что подавляющее большинство сервисов, позволяющих протестировать работу сайта на различных устройствах, являются зарубежными. В принципе, разобраться с ними под силу любому, а значит, острой необходимости в русскоязычных сервисах нет.