Dec 09 2010

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

Category: MobileIgor @ 13:24

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

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


При разработке сайтов под мобильные устройства приходится учитывать следующие ограничения:

  • веб-стандарты для мобильных устройств
  • огромное количество брендов, моделей и платформ
  • маленький размер экрана и разрешение
  • ограничение навигации (кнопки, сенсорный экран)
  • ограниченный 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/

http://developer.motorola.com/docstools/motodevstudio/download/

Android SDK позволяет создавать Java приложения для Android и содержит в себе Android emulator. Android SDK доступен для Windows, Mac Os X и Linux платформ.
iPhone Simulator
(Симулятор iOS)
Устройство iOS Dev Center iOS SDK содержит iPhone/iPad simulator. Приложение работает только на Mac OS X. Чтобы скачать iOS SDK, необходимо зарегистрироваться в iOS Dev Center.
iPhone web simulation Онлайн симулятор http://www.testiphone.com

http://www.iphonetester.com/

http://iphone4simulator.com/

Такие ресурсы позволяют симулировать iPhone браузер, но это не более, чем обычный iframe внутри картики iPhone.
iBBDemo2 Simulator Браузер http://code.google.com/p/ibbdemo2/

http://www.puresimstudios.com/ibbdemo/

Кросс платформенный iPad и iPhone Simulator
iPhoney Simulator Браузер http://www.marketcircle.com/iphoney/

http://sourceforge.net/projects/iphonesimulator/

iPhoney Simulator подходит больше для дизайнеров, чтобы оценить размеры веб страничек. Работает только под Mac OS X.
Windows Mobile Emulator Устройство Windows Mobile Developer Center

Download Windows Mobile SDK

Windows Mobile Emulator доступен вместе с Visual Studio 2008 или 2010, или как отдельное приложение.
Windows Phone 7 Emulator Устройство http://www.microsoft.com/express В 2010 году Microsoft прекратил развитие ОС Windows Mobile и переключился на новую платформу Windows Phone 7. Windows Phone Emulator доступен только вместе с Visual Studio 2010 (можно использовать бесплатную версию студии «Visual Studio 2010 Express for Windows Phone»).
Nokia Series 40 emulator Устройство s40 platform SDKs

Скачать «s40 platform SDKs»

SDK доступен только для платформы Windows.
Nokia Series 60 emulator Устройство s60 platform SDKs

Скачать «s60 platform SDKs»

SDK доступен только для платформы Windows.
MeeGo QEMU Emulator Устройство MeeGo SDK Development Options

MeeGo SDK with QEMU

MeeGo QEMU Emulator доступен в виде пакетов для Fedora и Ubuntu. При необходимости можно собрать QEMU из исходников.
Palm Emulator Устройство http://developer.palm.com/ SDK содержит Palm Pre emulator и доступно для Windows, Mac OS X и Linux платформ.
RIM Blackberry Simulators Устройство BlackBerry Smartphone Simulators Кроме того, что можно тестировать свои приложения, возможно протестировать различные сервисы BlackBerry. В этом случае понадобятся BlackBerry MDS Simulator и BlackBerry Email Simulator.
LG emulator Устройство LG SDK Доступны для платформы Windows.
Motorola Browser ADK Браузер Motorola Browser ADK v2.2.2 for the C975, C980, V975, and V980 Возможность тестирования WML, cHTML и xHTML Basic.
Samsung emulators Устройство Samsung Java emulator
Samsung Platform emulator
Samsung Symbian
Samsung Bada
Sasmung предоставляет сервис Lab.dev — удаленная лаборатория для тестирования приложения на реальных устройствах.
Opera Mobile emulator Устройство http://www.opera.com/developer/tools/

Opera Mobile emulator for desktop

Эмулятор доступен для Windows, Mac OS X, Linux платформ.
Opera Mini simulator Онлайн симулятор http://www.opera.com/mini/demo/ Opera Mini simulator доступен для версий Opera Mini 5 и 4.2.
Firefox Mobile emulator Браузер http://www.mozilla.com/en-US/mobile/platforms/
http://www.mozilla.com/en-US/mobile/download/
Firefox mobile для ПК доступен на Windows, Mac OS X и Linux платформах.
i-mode HTML simulator Браузер http://www.nttdocomo.co.jp/english/service/imode/make/content/browser/html/ Симулятор необходим для японских NTT DoCoMo устройств и доступен только для платформы Windows.
YoSpace SmartPhone Emulator Устройство http://www.yospace.com/index.php/spedemo.html Demo of commercial device emulator.
Openwave Phone Simulator Браузер http://developer.openwave.com/ Эмулятор позволяет тестировать XHTML-MP и WML.
WinWAP Simulator Браузер http://www.winwap.com/presentation/products Новая версия приложения WinWAP 5 позволяет тестировать xHTML, WML. Программа платная.

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

Дополнительная информация

Tags: , ,

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

  1. gik says:

    http://www.genuitec.com/mobile/download.html — очень качественный HTML/JS-эмулятор для iOS. Работает по Windows.
    http://xhtmlmp.mozdev.org/ — Firefox-плагин для поддержки xhtml-mp
    https://addons.mozilla.org/ru/firefox/tag/wml Firefox-плагин для поддержки wml
    https://addons.mozilla.org/ru/firefox/addon/967/ Firefox-плагин для подмены HTTP-заголовков. Тоже без него никуда в WML/XHTML-MP разработке.

  2. Tweets that mention Мобильная веб-разработка: эмуляторы и симуляторы мобильных устройств | Блог веб-разработчика -- Topsy.com says:

    […] This post was mentioned on Twitter by Pushnikov Alexey, Igor Brovchenko. Igor Brovchenko said: Мобильная веб-разработка: эмуляторы и симуляторы мобильных устройств http://bit.ly/fMiq6z #mobile […]

  3. Codda says:

    Полезная статья) В топпку любому веб-разработчику.

Leave a Reply to Codda