Calcweb.ru

Информационный портал
8 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Десктопные эмуляторы для теста юзабилити мобильных версий сайтов

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

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

Пытаться угождать требованиям потребителя и схватывать все современные тенденции – это только половина того, с чем должны справляться разработчики приложений для мобильных устройств. Они сталкиваются с испытанием относительно тестирования их приложения на различных моделях устройств и операционных систем. Каждая модель устройства может значительно отличаться, у каждой из них есть какие-то свои «причуды», которые нельзя упускать из виду, и все это не считая кардинальных отличий между операционными системами для мобильных устройств.

В данной статье мы собрали подборку бесплатных инструментов (эмуляторов и симуляторов) для тестирования ваших приложений на всех популярных ОС для мобильных устройств, включая iPhone, Blackberry, Android, Symbian и Palm. Некоторые из инструментов были выпущены официально (за исключением iPhone), и уже доступны для скачивания с дополнениями SDK и других утилит, которые могут выглядеть достаточно просто, но могут также быть использованы в качестве надежной платформы для тестирования.

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

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Те, кто нуждается в тесте приложений на ОС Android, инструмент Android Emulator будет как раз кстати. Он может работать в Windows как отдельное приложение, и вам не придется скачивать и устанавливать полноценный Android SDK. Более того, вы даже можете устанавливать и тестировать приложения прямо в этом небольшом приложении.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Android SDK включает эмулятор мобильных устройств, который имитирует все оборудование и программное обеспечение обычных мобильных девайсов (конечно, без возможности делать звонки). Вы увидите кнопки управления, которые можно нажимать посредством курсора мыши, или клавиатуры для произведения действий, как будто в мобильном приложении. Также вы сможете видеть дисплей, в котором будет отображено ваше приложение.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

MobiOne Developer представляет собой мобильный Web IDE для Windows, с помощью которого разработчики могут кодировать, тестировать, исправлять, а также упаковывать и распаковывать мобильные веб-приложения для таких устройств, как: iPhone, Blackberry, Android и Palm Pre.
Новая 7-я версия включает в себя визуальный редактор типа drag-n-drop для создания макетов, генерация мобильного HTML-кода, удобные шаблоны для мобильных приложений, обновленные компоненты OSS, возможность захвата экрана, а также поддержки мультитач и мимики.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

TestiPhone представляет симулятор на основе веб-браузера для быстрого тестирования ваших веб-приложений для iPhone. Этот инструмент был протестирован с браузерами Internet Explorer 7, FireFox 2 и Safari 3.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

iPhoney предоставляет вам удобную среду, разработанную командой Safari. Вы можете использовать этот инструмент при разработке веб-сайтов для iPhone. В приложении превосходный холст для разработки приложений с разрешением 320х480 пикселей.
iPhoney не является симулятором iPhone, но вместо этого он представляет собой инструмент для веб-разработчиков, которые занимаются разработкой веб-сайтов с разрешением 320х480 или наоборот, которые в дальнейшем будут просматриваться с устройств iPhone. В приложении, как раз, соответствующий размер холста, который способствует удобной разработке и тестированию.
iPhoney будет работать только на Mac OS X 10.4.7 или более поздних версиях.

Читайте так же:
Файл Thumbs.db и как вытащить из него эскизы давно удаленных изображений

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

iBBDemo отлично воспроизводит html-приложения семейства Webkit, включая расширения CSS, за счет чего вы можете получить эффективный предварительный макет того, как будет выглядеть контент на экране мобильного устройства iPhone.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Этот официальный эмулятор от Palm эмулирует устройство Palm с webOS на системах Linux, Mac или/и Windows. Если у вас уже есть установленный SDK, то у вас уже есть этот эмулятор на компьютере.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

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

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Если совместить эти SDK с вашим любимым инструментом для разработки, то у вас будут все функции, требуемые для разработки и тестирования приложений Symbian прямо на вашем ПК.

NMB 4.0 (мобильный браузер Nokia) представляет собой SDK мобильного браузера, с помощью которого вы сможете просмотреть веб-содержимое прямо с вашего ПК.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

WinWAP дает вам возможность использовать сервисы WAP на вашем ПК с установленной системой Windows. Браузер является интернет-браузером, который полностью эмулирует процесс использования сети интернет посредством вашего смартфона.
Этот эмулятор больше всего подходит для имитации реального использования смартфона. Приложение выглядит как смартфон на рабочем столе вашего ПК, а вы можете кликать по кнопкам устройства для того чтобы передвигаться по сайту и нажимать ссылки.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Этот официальный эмулятор интегрирует эмулятор образов в Visual Studio 2005 и Visual Studio 2008 за счет чего вы можете тестировать приложения для Windows Mobile 6.1.4, включая Explorer Mobile 6. Эмулятор также можно использовать как отдельное приложение (без Visual Studio).

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

MicroEmulator представляет собой универсальный и расширяемый CLDC/MIDP 1.0-эмулятор мобильных устройств. Он может быть использован как отдельное приложение, или же как любая рабочая станция с поддержкой JAVA. С его помощью вы сможете отобразить MIDlet-приложения в апплете веб-браузера, или же в отдельном java-приложении.

В этой статьей разработчик описывает процесс создания внешней оболочки для MicroEmulator для того, чтобы он был более похож на любимую платформу мобильного устройства — SonyEricsson T610, используя дополнительные апплет.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Сервис Perfecto Mobile Handset Cloud даст вам возможность протестировать мобильные приложения, веб-сайты или сервисы на реальных моделях телефонов (свыше 450 моделей). Вы сможете управлять реальным мобильным устройством посредством веб-интерфейса. Вы можете подписаться на использование за 12$/час, или же без подписки пользоваться сервисом за 16$/час.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

mobiReady тестирует ваш веб-сайт на соответствие с мобильными устройствами.
Бесплатный отчет выдаст вам оценку соответствия (от 1 до 5 баллов), а также вы получите подробный анализ страниц и советы по поводу того, как повысить уровень соответствие мобильным устройствам.
Вы также можете протестировать индивидуальные страницы (посредством ввода URL), тестировать разметку выбранного сайта. Таким образом, вы получите детализированный отчет о конкретных сайтах.

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

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

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

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

Читайте так же:
Сюрреалистические обои рабочего стола на городскую тему – экспромт в Photoshop’е

Эмуляторы для тестирования и разработки мобильных веб-сайтов и приложений

Живое демо самого популярного мобильного веб-браузера MicroEmulator Opera Mini 5, разработанное на MicroEmulator (представленном выше). Он работает так, как если бы вы держали в руках настоящее мобильное устройство.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Тестирование для мобильных устройств: эмуляторы, симуляторы и удалённая отладка

В давние времена разработки мобильных сайтов и приложений отладка была сложной задачей. Да, можно было заполучить устройство и быстренько проверить работу – но что было делать, если ты обнаруживал баг?

При отсутствии инструментов отладки приходилось полагаться на разные хаки. В целом они сводились к попыткам воспроизвести баг в десктопном браузере и затем отловить его при помощи Chrome Developer Tools или где-то ещё. К примеру, можно было уменьшить размер окна браузера или поменять user agent.

Грубо говоря, эти хаки не работали. Если ты правишь баг на десктопе, ты не уверен, что он исправлен на мобильном устройстве (МУ). Поэтому приходилось постоянно метаться между устройством и десктопом.

Теперь же у нас есть набор инструментов, позволяющих получать осмысленные данные прямо с МУ. Кроме того, можно использовать десктопные инструменты для отладки прямо на МУ.

В этой статье мы разберём несколько эмуляторов и симуляторов, которые позволяют быстро и легко тестировать сайты и приложения. Затем посмотрим на инструменты для удалённой отладки, позволяющие подключаться к МУ.

Эмуляторы и симуляторы

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

Симулятор iOS

Для тестирования яблочных устройств, айфонов и айпадов, есть несколько вариантов. Первый среди них – официальный Apple iOS Simulator, входящий в поставку Xcode. Позволяет тестировать разные комбинации софта и железа – но только на Mac.

Установите и запустите Xcode. Потом ПКМ и выберите «Show Package Contents». Затем пройдите “Contents” → “Applications” → “iPhone Simulator.”

Хотя найти его нелегко, использовать симулятор просто. Откройте Safari в симуляторе и тестируйте свой сайт. Можно переключаться между разными устройствами iPhone и iPad, менять версию iOS, поворачивать устройство и т.п.

Если у вас нету Mac’а, придётся заморачиваться. Можно взять iPadian, симулятор iPad для Windows. Кроме него существует ещё несколько вариантов, в частности онлайновые. Но, честно говоря, они не особенно хороши.

Эмулятор Android

У андроида эмулятор кросс-платформенный. К сожалению, он сложен в настройке.

Для начала, скачайте подборку, включающую Android Development Tools (ADT) для Eclipse и Android software development kit (SDK). Затем следуйте инструкциям по установке, не забудьте кроме настроек по-умолчанию установить и “Intel x86 Emulator Accelerator (HAXM installer)”. Также вам понадобится установить HAXM (IntelHaxm.dmg на Маке и IntelHaxm.exe на PC).

Затем создайте Android virtual device (AVD) для тестируемого устройства. В менеджере AVD есть список готовых устройств в “Device Definitions”. Для начала выберите одно из них и нажмите “Create AVD”

Выберите любой CPU, и поставьте “No skin“ и “Use host GPU”. Теперь можно запускать виртуальное устройство и использовать браузер Android для тестирования.

Не помешает подучить клавиатурные команды для более удобного взаимодействия с эмулятором.

Как альтернативу, можно использовать Manymo – эмулятор, встраиваемый в браузер. Его даже можно встроить в страницу.

Читайте так же:
Ear Trumpet — раздельный регулятор громкости для Windows 10

Другие симуляторы и эмуляторы:

Удалённое тестирование

Эмуляторы и симуляторы полезны, но не на 100% достоверны. Всегда нужно пытаться проводить тестирование на максимальном количестве реальных устройств.

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

Для тестирования устройств от Samsung, таких, как Galaxy S5, можно бесплатно воспользоваться услугами Samsung Remote Test Lab – они предоставляют для тестирования большой выбор своих устройств.

Также можно пользоваться ресурсами Keynote Mobile Testing. Они недёшевы, но количество доступных устройств поражает, и некоторыми можно пользоваться бесплатно.

Если вам нужны физические устройства, можно обратиться в Open Device Lab, где есть список ближайших доступных лабораторий тестирования.

Удалённая отладка

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

Инструменты удалённой отладки предоставляют интерфейс для подключения к МУ с десктопа. Таким образом, мы работаем с данными с реальных устройств на мощном десктопном компьютере.

С выходом 6-й версии Apple представила инструмент для отладки МУ через Safari Web Inspector.

Для начала надо разрешить удалённую отладку на устройстве. “Settings” → “Safari” → “Advanced” и разрешить “Web Inspector”

Затем подключите устройство к компьютеру через USB. Потом откройте Safari (версии не ниже 6) и в “Preferences” → “Advanced” выберите “Show Develop menu in menu bar”.

В этом меню вы увидите ваше устройство и несколько страниц с настройками.

На каждой из страниц представлено много инструментов, DOM Inspector и подобные.

Кроме DOM Inspector, iOS’ вы можете использовать:

— временной график для просмотра сетевых запросов, раскладки и рендеринга страниц, работы JavaScript
— отладчик с возможностью установки точек останова
— консоль JavaScript

Как и в случае с симулятором iOS, удалённой отладкой можно заниматься только с Мака.

Android

В случае с Андроидом инструменты удалённой отладки позволяют работать с десктопа при помощи Chrome’s Developer Tools. Кроме того, инструменты эти опять-таки кросс-платформенные.

Сначала, на телефоне пройдите в “Settings” → “About Phone” (для Android 4.4+), или “Settings” → “About Tablet”. Затем нужно нажать на “Build Number” семь раз. Кроме шуток. После этого вы увидите сообщение насчёт разработчика.

Затем обратно в основных настройках “Developer Options” нужен пункт “USB debugging”.

В адресной строке браузера Chrome наберите about:inspect. Разрешите “Discover USB devices”, и вы увидите в меню своё МУ.

Также вы должны увидеть открытые закладки в мобильном браузере. Выберите нужную, и вам будут доступны:

DOM Inspector,
Сетевая панель с внешними ресурсами
Панель исходного кода, для отладки JavaScript
Консоль JavaScript

Подробности можно найти в тьюториале “Introduction to Chrome Developer Tools, Part One.”

Также можно заниматься удалённой отладкой в эмуляторе Андроида.

Weinre

Если вам приходится отлаживать устройство с iOS на Windows, или Linux, или отлаживать устройство, работающее под Windows Phone или BlackBerry – попробуйте Weinre (web inspector remote). Работает везде.

Настройка weinre сложновата, т.к. его надо устанавливать и на сервере, и на странице. Сначала вам понадобится установить Node, а затем установить модуль Weinre:

npm install –g weinre

Затем запустите сервер отладки (подставляем ip-адрес компьютера):

Читайте так же:
Как добавить ярлык программы на Рабочий стол в Windows 8.1

weinre —boundHost 10.0.0.1

Затем проходим на localhost:8080 и копируем содержимое тега . Его нужно будет вставить на отлаживаемую страницу.

Наконец, кликните на ссылке вверху user interface for debugging clients (http://localhost:8080/client/#anonymous). Теперь, когда вы откроете страницу на устройстве, её можно будет увидеть в списке целей (targets).

После этого можно использовать инструменты для отладки.

Weinre позволяет тестировать любое устройство, но он не настолько продвинутый, как родные решения для iOS и Android. К примеру, нельзя пошагово отлаживать JavaScript.

Ещё один вариант удалённого тестирования называется Ghostlab.

Заключение

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

Также мы познакомились с различными инструментами удалённой отладки, которые открывают доступ к отладочным данным МУ, без которых отладка сильно затруднена.

Что ещё почитать перед сном:

“Mobile Emulators and Simulators: The Ultimate Guide,” Maximiliano Firtman
“Introduction to Chrome Developer Tools, Part One,” Seth Ladd, HTML5 Rocks
“About Safari Web Inspector,” Safari Developer Library, Apple
“Enable Remote Debugging With Safari Web Inspector in iOS 6” Dave Ackerman, Modus Create
“Remote Debugging on Android With Chrome,” Chrome Developer Tools
“Weinre as Remote Debugger,” Mozilla Developer Network

Самые передовые инструменты-эмуляторы для тестирования мобильных прило

Добрый день. Я сейчас работаю инженером QA по мобильным приложениям, в частности, для iOS и Android.

Так как в процессе работы возникла необходимость тестирования мобильных приложений и мобильной версии сайта на различных устройствах, то хочу попросить совета — какие эмуляторы для тестирования лучше выбрать?

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

А есть IDE, на вроде Xcode и Android-Studio, и всякие фермы, которые предполагают по-отдельности тестировать приложения.

Во всем этом разнообразии теряешься и не знаешь, что же выбрать (естественно, лучше иметь реальные устройства, но бюджет ограничен).

Помогите, пожалуйста, советами. Желательно, указывая на преимущества и недостатки систем.
Заранее спасибо.

#2 comolder

  • ФИО: Батыров Арсений Георгиевич

Привет! Давайте для начала разберемся в терминологии 🙂

Эмулятор — некоторый софт (в нашем случае), который позволяет компьютеру «притвориться» мобильным девайсом. Причем в случае эмуляции копируется не только поведение системы, но и поведение «железа» под ней, вплоть до архитектуры процессора ARM.

Такими эмуляторами являются, например, родные эмуляторы от Google, встроенные в Android Studio, или эмулятор Genymotion.

Симулятор — это такой же софт, который копирует только поведение системы, без «железной» части. В XCode, например, встроен именно симулятор, и никаких эмуляторов iOS нет и не предвидится.

Фермы — это большое количество РЕАЛЬНЫХ девайсов, подключенных к интернету, с возможностью с этими девайсами работать. «Системы, которые предоставляют много устройств» — это как раз фермы, там много физических устройств. Эмуляторы Android работают с «голым» Android, без изменений от вендоров. А вот на фермах можно потыкать реальные устройства.

Теперь — к советам.

Важно четко понимать, что эму/симуляторы и реальные устройства — это два разных инструмента, взаимно дополняющих друг друга в тестировании, но никак не взаимозаменяющих.

Читайте так же:
IOTransfer 3 — управление iPhone, iPad, iPod с компьютера Windows

На эмуляторах очень легко автоматизировать, проводить тестирование разных разрешений, проверять работу GPS, тестировать в условиях нехватки памяти. Для этого лучше всего использовать официальные эму/симуляторы — от Google и Apple. К слову, «неофициальных» симуляторов от Apple нет, XCode — единственно доступный вариант, и для него нужен MacOS.

С другой стороны, на реальных устройствах можно проверить прерывания, работу встроенных датчиков и периферии, работу с процессором, а так же работу приложения в вендорских модификациях Android — от разрешений до лаунчеров. Да и в целом нельзя тестировать мобилки без мобилок — пропустите много специфичных багов. Тут нужны девайсы на руках.

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

Блог веб-разработчика

Rss 2.0

Мобильная веб-разработка: эмуляторы и симуляторы мобильных устройств

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

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

При разработке сайтов под мобильные устройства приходится учитывать следующие ограничения:
  • веб-стандарты для мобильных устройств
  • огромное количество брендов, моделей и платформ
  • маленький размер экрана и разрешение
  • ограничение навигации (кнопки, сенсорный экран)
  • ограниченный javascript или устройства без его поддержки
  • отсутствие поддержки Flash
  • ограничения размеров страничек и медиа файлов (изображения, видео)
  • валидация сайта очень важна, особенно для старых телефонов
Основные производители мобильных устройств:
  • HTC
  • Apple
  • BlackBerry
  • Nokia
  • Samsung
  • Sony Ericsson
  • Motorolla
  • LG Mobile
  • Palm

Mobile Brands

Основные платформы мобильных устройств:

Mobile platforms

  • Windows Mobile
  • iOS
  • Android
  • Symbian
  • BlackBerry
  • Linux
  • webOS
  • Bada
  • MeeGo
Веб-стандарты для мобильных устройств:
  • XHTML Mobile Profile 1.0
  • XHTML Mobile Profile 1.1
  • XHTML Mobile Profile 1.2
  • XHTML Basic 1.0
  • XHTML Basic 1.1
  • XHTML 1.0
  • XHTML 1.1
  • HTML 3.2
  • HTML 4.0
  • HTML 5.0 draft

Многие из этих стандартов сильно устарели, например такие как WML. Разрабатывать под них уже не целесообразно. Исключение составляет контент для мобильных устройств (мелодии, картинки, софт…), где покрытие устройств должно быть 99.99%.

Можно выделить 2 основных стандарта, чтобы покрыть практически все устройства:

  • XHTML Mobile Profile 1.0 или 1.1
  • HTML 5.0 draft

Первый стандарт «XHTML Mobile Profile» работает практически везде, кроме как на совсем старых телефонах, которые поддерживают только WML. А HTML 5 позволяет делать красивые и интерактивные сайты, плюс поддержка тега video позволяет просматривать видео и streaming в контейнере .mp4 без использования flash.

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

Эмуляторы и Симуляторы для мобильных устройств
ЭмуляторТип ЭмулятораСсылкаОписание
Android EmulatorУстройствоhttp://developer.android.com/sdk/

В случае если на рабочем компьютере не установлена необходимая ОС для эмуляторов, то можно воспользоваться виртуальной машиной, например, VirtualBox, VMware, Parallels Desktop и другими.

голоса
Рейтинг статьи
Ссылка на основную публикацию