Разработка сайтов под мобильные устройства не такая уж простая задача, как может показаться на первый взгляд.
Огромное количество производителей, моделей и платфор мобильных устройств усложняет процесс тестирования своего сайта или приложения в реальных условиях, т.к. не все могут себе позволить наличие большого количества различных телефонов, смартфонов и коммуникаторов.
При разработке сайтов под мобильные устройства приходится учитывать следующие ограничения:
- веб-стандарты для мобильных устройств
- огромное количество брендов, моделей и платформ
- маленький размер экрана и разрешение
- ограничение навигации (кнопки, сенсорный экран)
- ограниченный javascript или устройства без его поддержки
- отсутствие поддержки Flash
- ограничения размеров страничек и медиа файлов (изображения, видео)
- валидация сайта очень важна, особенно для старых телефонов
Основные производители мобильных устройств:
- HTC
- Apple
- BlackBerry
- Nokia
- Samsung
- Sony Ericsson
- Motorolla
- LG Mobile
- Palm
Основные платформы мобильных устройств:
- 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 | Такие ресурсы позволяют симулировать iPhone браузер, но это не более, чем обычный iframe внутри картики iPhone. |
| iBBDemo2 Simulator | Браузер | http://code.google.com/p/ibbdemo2/ | Кросс платформенный iPad и iPhone Simulator |
| iPhoney Simulator | Браузер | http://www.marketcircle.com/iphoney/ | iPhoney Simulator подходит больше для дизайнеров, чтобы оценить размеры веб страничек. Работает только под Mac OS X. |
| Windows Mobile Emulator | Устройство | Windows Mobile Developer Center | 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 | SDK доступен только для платформы Windows. |
| Nokia Series 60 emulator | Устройство | s60 platform SDKs | SDK доступен только для платформы Windows. |
| MeeGo QEMU Emulator | Устройство | MeeGo SDK Development Options | 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/ | Эмулятор доступен для 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 и другими.
Декабрь 9th, 2010 at 14:57
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 разработке.
Декабрь 9th, 2010 at 15:17
[…] This post was mentioned on Twitter by Pushnikov Alexey, Igor Brovchenko. Igor Brovchenko said: Мобильная веб-разработка: эмуляторы и симуляторы мобильных устройств http://bit.ly/fMiq6z #mobile […]
Сентябрь 4th, 2012 at 16:38
Полезная статья) В топпку любому веб-разработчику.