Все, кто занимается мобильным вебом, обязательно сталкиваются с проблемой тестирования на различных платформах. С одной стороны, тестировать надо на реальных устройствах, с другой стороны многие компании не могу достаточно быстро собрать парк нужных устройств. Сегодня я хотел бы написать про браузерный эмулятор для тестирования мобильных платформ под названием Ripple Emulator.Установка
Главный плюс данного эмулятора — легкость установки, потому что достаточно установить гугл хром, поставить вот этот плагин и начинать работать. После установки делаете enable для данного плагина и запускаете ваше приложение со следующей добавкой "?enableripple=true".
Обзор
Интерфейс Ripple состоит из ряда панелей и центрального дисплея, где и отображается приложение. Данные панели содержат инструменты, позволяющие получить информацию о настройках и изменить их. А через центральный дисплей можно взаимодействовать с приложением.
Панели можно сворачивать и разворачивать, кликая по нужной иконке, или же можно вообще убрать вкладку, содержащую панельки. Так же панели можно переупорядочить, в зависимости от собственных нужд.
Первый запуск
При первом запуске Ripple либо после инсталяции, либо для выбранного домена, перед пользователем появится окно с предложением выбрать платформу для тестирования. Больше никаких настроек для первого запуска не требуется.
Важно: при запуске демо Ripple рекомендуется выбрать платформу JIL.
OMGWTFBBQ
Если что-то пойдет не так и Ripple повиснет, то можно будет увидеть экран под названием OMGWTFBBQ. Данный экран предложит либо дождаться загрузки приложения, либо начать паниковать и, как пишут разработчики
Panicking, as in the case of any global disaster, will only speed the destruction of the world but will give you a chance to rebuild :).
Информационная панель
Информационная панель выводит общую информацию о приложении, платформе и устройстве.
Панель выбора платформы
Данная панелька предоставляет выбор устройства, которое следует эмулировать. На данный момент доступны следующие платформы:
Платформы
- BlackBerry WebWorks (2.0.0)
- JIL (1.2.x)
- Opera (4.0)
- Web
- PhoneGap (0.9.1)
- Vodafone 360
Устройства
- Generic Resolutions (480x320, 800x480, 320x240, 200x240)
- BlackBerry Bold 9700, BlackBerry Torch 9800, BlackBerry PlayBook
- HTC G1, Legend, Tattoo
- Nexus One
- Sony Ericsson Xperia X10 (All Variants)
- Samsung H1, M1
- Nokia E85, N96, N97/5800
- iPhone/iPod Touch (all models)
Для смены устройства/платформы нужно выбрать новое и нажать кнопку Go!
Акселерометра
Данная панель позволяет эмулировать пользовательское перемещение в пространстве и задать значения для акселерометра. Скорость перемещения задается в м/с, а положение устройства можно задать просто повращав устройство. Двойной клик сбросит показания в 0.
Кнопка Shake будет эмулировать тряску устройства.
Файловая система
Данная панель позволяет работать с локальной файловой системой как будто с ФС мобильного устройства.
Мультимедия
Здесь можно управлять мультимедийными настройками, хотя их всего одна штука — громкость звука =)
Storage
В данной панели можно посмотреть все хранящиеся данные по ключу/значениям. Значения только на чтения будут выделены отдельно цветом. Есть возможность стереть все записи.
Настройки сети и «железа»
В данной панели можно менять значения таких параметров, как объем оперативной памяти, заряд батареи и прочее. Так же можно включать/выключать сеть, чтобы отследить реакцию устройства.
Геолокация
Здесь можно посмотреть и изменить геолокационные данные.
События
Данная панель позволяет эмулировать различные события (eg: onWakeup, onFocus) и запускать их, чтобы проверить реакцию приложения на них.
Конфиги
Панель конфигов содержит информацию о приложении.
Телефонная панель
Данная панель позволяет эмулировать телефонные звонки. Все «звонки» сохраняются и доступны для просмотра.
Создатели сделали наглядное демо, доступное по ссылке.
