
А как твой сайт выглядит на разных устройствах?
Учитывая бешеную скорость роста популярности мобильных устройств, при разработке сайта ни в коем случае не стоит отметать их. Создавая веб-ресурс, нужно учитывать, как он будет «юзаться» на мобильных устройствах.
А проверить это можно при помощи специализированных сервисов, некоторые из которых будут рассмотрены ниже.
Сервисы онлайн-проверки
Первый инструмент для проверки сайта на предмет адаптации для различных устройств, размещенный по адресу http://symby.ru/adap+test, позволяет увидеть, как будет смотреться ваш веб-ресурс на девайсах с различными разрешениями экранов. При этом нет никакой привязки к операционным системам или браузерам.
Из настроек в процессе тестирования доступны только разрешения экранов и типы мобильных устройств. В общем, этот сервис может пригодиться, если есть необходимость очень быстро «прикинуть», как будет выглядеть сайт на разных устройствах.
Для тех, кто ориентирован на пользователей iPad, будет полезен сервис http://ipadpeek.com/. Это до боли простой в использовании сайт, перейдя на который вы увидите перед собой Айпад в реальном размере. Нужно просто ввести в адресную строку его браузера адрес нужного сайта, и он отобразится на устройстве.
Помимо возможности оценить, как будет смотреться сайт на iPad, вы можете увидеть, как он выглядит на экране iPhone. Для этого просто нажмите нужную кнопку в меню выбора устройства.
Есть возможность также и перевернуть виртуальный девайс. Делается это при помощи значка .
Еще один онлайн-сервис, при помощи которого можно оценить, как будет смотреться веб-ресурс на 4 разных устройствах (не только мобильных) - http://ami.responsivedesign.is.Здесь для пользователей нет никакой свободы выбора: никакие настройки не доступны. Остается только ввести адрес интересующего сайта и посмотреть на результат.
Десктопные программы
Довольно неплохой вариант программы, которая позволит вам оценить, как смотрится сайт на устройствах на базе ОС Android - Google Android Emulator. Скачав эту программу на свой компьютер, вы получаете по сути самостоятельное Андроид-устройство, на которое можно установить любой софт для Android.
Скачайте интересующие вас браузеры для этой ОС, установите на ваш виртуальный смартфон и оценивайте, насколько ваш веб-ресурс готов к работе с мобильными устройствами.
Правда, перевернуть виртуальный мобильник, как в случае с iPad, рассмотренном выше, не получится. Еще один «минус» этой программы – отсутствие возможности выбрать конкретную версию Android, что иногда бывает очень важно при работе с довольно сложными ресурсами.
Что касается других операционных систем, то десктопные эмуляторы практически для каждой из них найти сегодня в Сети не проблема. Причем в большинстве случаев они являются бесплатными.
Стоит отметить, что подавляющее большинство сервисов, позволяющих протестировать работу сайта на различных устройствах, являются зарубежными. В принципе, разобраться с ними под силу любому, а значит, острой необходимости в русскоязычных сервисах нет.
Для добавления комментария надо зарегистрироваться и авторизоваться.
Добавить комментарий можно после авторизации через Loginza.








