Каков iPhone/андроид определенные функции Web?
Я пытаюсь перечислить функции Web (HTML, CSS, JavaScript, API), который может использоваться для страниц мобильного Интернета, вещи, которые мы обычно не используем на Настольных браузерах.
До сих пор я имею:
- геолокация
- ориентация
- область просмотра (ширина, масштаб)
- сенсорные события
- цвет подсветки касания
- карта и YouTube связываются открытый в специализированном приложении
- телефон: поддержка ссылок
- определенная раскладка клавиатуры в зависимости от формы (type=number, электронная почта...)
Что я пропускаю здесь?
Вопрос был бы: "Если я - Настольный Веб-разработчик, что я должен рассмотреть для создания мобильной версии моего веб-сайта?"
1 ответ
На самом деле, многие из них уже есть в стандарте HTML5. На самом деле, они не являются специфическими для Android/iPhone.
Например, следующее является частью спецификации HTML5:
- Геолокация: уже реализована в Gecko (Firefox) и Webkit (Safari/Chrome)
- Видовой экран: доступен с помощью Javascript
- Поля, специфичные для номера/почты/телефонного номера: частично реализованы несколькими браузерами
Ваша основная проблема при работе с мобильными версиями сайта (если вы имеете в виду смартфоны с поддержкой сенсорного ввода) - это размер ваших иконок/кнопок/текста/контролей/и т.д. Все остальное, включая мультитач, - это просто дополнительные возможности.
Что касается других дополнительных возможностей, вы можете рассмотреть возможность использования чего-то вроде JQTouch (http://www.jqtouch.com/) для обеспечения более "родного" вида и ощущения на мобильном клиенте. JQTouch обеспечивает такие вещи, как встроенная анимация, интерфейс AJAX, специализированные кнопки/переключатели/текстовые поля и темы, благодаря которым веб-приложения для iPhone выглядят лучше. Он также должен работать на Android, поскольку его браузер также основан на Webkit.
Более подробную информацию о веб-фреймворках для iPhone/Android можно найти на http://distractable.net/coding/iphone-android-web-application-frameworks/.