авторизация

19 инструментов проверки работы сайта в мобильных устройствах

Редакция

Всем привет! Наши коллеги из Shopolog.ru опубликовали отличную статью на тему Мобильная версия интернет-магазина: 10 практических советов — рекомендуем к прочтению.

Кратким дополнением к ней хотели бы порекомендовать 19 способов проверки того, как ваш сайт будет выглядеть на экранах мобильных устройств. Теперь вы сможете быть абсолютно уверенными, что все элементы верстки будут точно на своих местах.


GoMoMeter. Сервис от Google, показывающий вам, как ваш сайт смотрится на смартфоне, и предоставляющий бесплатный отчет с персональными рекомендациями. Стоимость — бесплатно.


iPhone Tester. Эмулятор iPhone позволяющий проверить ваш сайт на экранах iPhone 3G и 4G, и IPod Touch. Просто введите адрес сайта, который вы хотите проверить в адресной строке. Использование бесплатно.


Ipad Peek. Этот популярный инструмент тестирования интерфейсов позволяет вам видеть, как ваш сайт выглядит на IPad или iPhone. Сервис бесплатен.


Screenfly. Позволяет просматривать ваш сайт на различных устройствах и экранах. Сервис бесплатен.


Mobile Phone Emulator. Эмулятор, позволяющий увидеть свой сайт на экранах различных мобильных телефонов, включая iPhone, HTC, LG, BlackBerry и Samsung. Бесплатен.


Responsinator. Поможет вам быстро получить информацию о том, как ваш сайт будет выглядеть на самых популярных устройствах: iPhone, iPad, Android, и Kindle. Тестирование бесплатно.


Matt Kersley’s Responsive Design Testing. Интересный инструмент для тестирования ве-сайтов при различных разрешениях. Бесплатен.


Browshot. Сервис для снятия скриншотов с iPhone, iPad, Android. Стоимость — $1 за 5 скриншотов.


Opera Mini Simulator. Бесплатный эмулятор от Opera, который содержит в себе довольно внушительную базу мобильных устройств.


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


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


W3C mobileOK Checker. Стандартный чекер от W3C.


CrossBrowserTesting. Позволяет проверить ваш сайт более чем на 130 версиях браузеров и 25 различных операционных систем, в том числе мобильных устройств, таких как: iPhone, iPad, Android, Blackberry, и другие. Стоимость использования начинается от $ 29.95 в месяц.


BrowserStack. Предлагает к услугам быстрый доступ к широкой базе браузеров, а также «живым» тестированиям. Стоимость от $ 19 в месяц.


Multi-Browser Viewer. Представляет из себя крос-браузерное приложение, которое содержит 11 мобильных браузеров и эмуляторов, а также 55 автономных браузеров и 88 различных разрешений для тестирования экрана браузера в разных форматах. Стоимость приложения $ 139,95.


Perfecto Mobile. Сервис позволяет получить доступ к широкий базе мобильных телефонов и планшетов, а также различных мобильных устройств. данная возможность позволит вам проверять совместимость сайт на каждом устройстве. Стоимость от $15 в сутки.


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

оценка записи

Будь в курсе новостей и полезных статей

Рекомендуем

Комментарии (7)

    Да не правду они все показывают! Платные не пробовал правда. Реально, на Андроиде сайт разваливается, а они просто обрезают картинку по размеру. Такое впечатление, что просто скришот делают, а потом его режут. CSS как будто идеальна! (а я то знаю, что нет).

    Кроме упоминания об Опере, которое позволяет найти отличный инструмент тестирования — http://www.opera.com/ru/developer/mobile-emulator , всё остальное в списке, за исключением google(который даёт тео-советы больше, чем посмотреть) какашка. Все сервисы, которые дают посмотреть, загружают комп версию сайта и просто обрезают изображение. Бред.

    http://www.mobilephoneemulator.com/
    правильно все делает, и на айфонах правильное разрешение в java script передает

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

    Народ, кто знает как отключать отображение тех или иных блоков информации на сайте? Делаю на ворд пресс, адаптивная верстка, и некоторые меню, или просто куски текстов лишние для мобильных устройств. вот сайт rns.com.ua

    А я вот этим пользуюсь http://adaptist.ru/proverit-sayt/

    Лучший инструмент вообще. Какое угодно разрешение, переключалки всех форматов телефонов)

    Тестировал сайт http://hottey.com.ua/ : Самым адекватным оказался http://www.mobilephoneemulator.com/ . Так как в зависимости от типа устройства на сайте отображается различное количество колонок. Десктоп — 3, Планшет Ipad — 2, моб. — 1. И то в симуляторе изрядно глючила полоса прокрутки. Многие остальные так называемы симуляторы не передавали нужные заголовки устройств, а только тупо меняли разрешение экрана.

Добавить комментарий