API веб -хранилища HTML5 можно рассматривать как улучшенную версию файлов cookie, которая не ограничена размером данных, имеет лучшую гибкость и архитектуру и может записывать данные в ПЗУ машины. Он также может восстановить данные, когда браузер закрыт, и снова открывается для сокращения сетевого трафика.
Появление мобильной разработки HTML5 изменило конкуренцию мобильных платформ с системных платформ в браузеры: мобильный IE, Chrome, Firefox, Safari или новые браузеры. Кто бы ни получил лучшую поддержку HTML5 на мобильной стороне, сможет занимать больше рынков в будущем поле мобильных приложений.
Более гибкие и удобные методы использования и установки приложений станут одной из гарантий для HT] L5, чтобы сиять на мобильных платформах.
Вот несколько основных функций, которые HTML5 подходит для разработки мобильных приложений:1. Офлайн -кэширование обеспечивает основу для разработки мобильных приложений HTML5
API веб -хранилища HTML5 можно рассматривать как улучшенную версию файлов cookie, которая не ограничена размером данных, имеет лучшую гибкость и архитектуру и может записать данные в ПЗУ машины, а также может восстановить данные, когда браузер закрыт и снова открыт, чтобы уменьшить сетевой трафик.
В то же время эта функция может рассматриваться как запись о фоновой работе в другом направлении, не занимая каких -либо фоновых ресурсов, снижая давление на аппаратное обеспечение устройства и увеличивая плавность работы.
Онлайн -приложения поддерживают загрузку автономных кэшей при использовании или не загружающих автономные кэши; Офлайн -приложения должны быть загружены после автономных кэшей, прежде чем их можно будет использовать.
Честно говоря, печенье хранит телефоны и меню. Вам нужно заказать вынос, когда хотите есть. Сколько времени нужно, чтобы подождать, зависит от состояния трафика; Оффлайн кэш означает, что вы храните еду непосредственно в холодильнике, и вы можете съесть ее немедленно, если хотите съесть новейшую еду (конечно, вы также можете позвонить, чтобы забронировать бронирование, если хотите съесть новейшую еду).
Дизайнеры должны знать, когда позволить пользователям загружать кэш в автономном режиме (обратите внимание на разницу между онлайн -приложениями).
2. Свободно встроенный аудио и видео, более гибкий мультимедийный формат
Нативный метод разработки относительно неприятный для обработки мультимедийного контента, который смешивает текст, аудио и видео. Это требует разделения текста, изображений, аудио и видео, анализа соответствующих URL -адресов и обработки их по -разному.
HTML5 совершенно неограничен в этом отношении и может быть полностью обработан.
Дизайнеры должны знать, что было бы замечательно, если бы текст и мультимедиа были смешаны в информационном презентации новостей, Weibo и социальных приложений без необходимости встраивать веб -просвети, по крайней мере, по -прежнему трудно реализовать нативный метод.
3. Географическое позиционирование, разделение местоположения в любое время и в любом месте
Получите полную игру для преимуществ мобильных устройств в позиционировании и содействовать разработке приложений LBS.
Вы можете использовать GPS, Wi -Fi, мобильные телефоны и другие методы, чтобы сделать позиционирование более точным и гибким.
Позиционирование географического местоположения делает позиционирование и навигацию больше не имеет эксклюзивного программного обеспечения для навигации, и карты не нужно загружать очень большие пакеты карт. Они могут быть решены через кеш, и они могут быть более гибкими, куда бы они ни были.
Дизайнеры должны знать, что существует все больше и больше приложений, которые встраивают функции LBS, что также является одним из самых больших преимуществ мобильных устройств по сравнению с настольными ПК. HTML5 может снова расширить это преимущество. Подумайте о том, как использовать его в приложении, которое вы разработали!
4. Черновое рисунок для улучшения возможностей рисования мобильных платформ
Используйте API Canvas, чтобы просто нарисовать карты горячих точек для сбора пользовательской информации
Поддерживает общее редактирование таких картин, как движение, вращение и масштаб
Canvas - 2D -функция рисования поддержка
Canvas 3D - 3D Функциональная поддержка функции чертежа
SVG - поддержка векторного графа
Дизайнеры должны знать, что движение, вращение и масштабирование изображений слишком простые. Все они являются небольшими случаями, когда рисуют сами. Что касается того, как их использовать, подумайте об этом внимательно!
5. Формируйте элементы, настроенные для мобильных платформ
Элемент формы HTML5, который появляется в браузере и соответствующей клавиатуре:Клавиатура типа
Текст нормальный входной содержимое стандартная клавиатура
Номер телефона Телефон числовой клавиатурой
Электронная почта адреса электронной почты текстовое поле с @ и.
URL URL с .com и.
Поиск используется для поисковых систем, таких как стандартная клавиатура окна поиска, отображаемое в верхней части сайта
Численные селекторы диапазона В определенном диапазоне значений типичным дисплеем является ползунок или поворотный стол
Вам нужно только простое объявление, чтобы завершить вызов на разные клавиатуры, что является простым и удобным.
Дизайнеры должны знать, что при его использовании не забудьте рассказать своим коллегам по исследованиям и разработкам!
6. Богатая поддержка интерактивного режима
Улучшение способности взаимодействия: перетаскивание, отмену исторических операций, выбор текста и т. Д.
Переход - Движение Эффект компонентов
Преобразование - эффект деформации компонента
Анимация - добавьте движение и деформацию в поддержку анимации
Дизайнеры должны знать, что HTML5 предоставляет богатый интерактивный метод. Что касается того, полезно или нет, это ваш собственный бизнес!
7. Преимущества использования HTML5
Более низкие затраты на разработку и обслуживание;
Сделайте страницу меньше и уменьшите ненужные расходы для пользователей; и лучшая производительность снижает потребление энергии;
Это удобно для обновления, и вы можете открыть ее и использовать последнюю версию, устранив проблемы повторной загрузки пакета обновления. Во время использования вы напрямую обновляете автономный кэш.
Дизайнеры должны знать, чего хотят пользователи и что HTML5 может предоставить пользователям.
8. CSS3 Visual Designer вспомогательные инструменты
CSS3 поддерживает встраивание шрифтов, макет макета и самые впечатляющие функции анимации.
Селектор - более гибкий селектор
Веб -фонты - встроенные шрифты
Макет - разнообразные варианты типографии
Градиционный радиус Градиент Скалья - округлые углы, градиенты, тени
Борьбаная фон - фоновая поддержка границ
Используйте CSS3, чтобы завершить визуальную работу, быструю загрузку, сохранить код и изображения, а также сохранить пропускную способность для пользователей.
Дизайнеры должны знать, что путь десятков материальных изображений на интерфейсе слишком не так, поэтому пусть CSS3 поможет вам быть ленивым как можно скорее.
9. Общение в реальном времени
В прошлом из-за протокола HTTP и дизайна браузера взаимодействие в режиме реального времени было довольно ограниченным, и некоторые методы могли использоваться только для «моделирования» эффектов связи в реальном времени, но HTML5 оказал полную поддержку связи в реальном времени.
Дизайнеры должны знать, что общение в реальном времени и информационный контент встроены в приложение для напоминаний в реальном времени, и HTML5 может помочь вам достичь его.
10. Архив и аппаратная поддержка
Интересно, если вы обнаружили, что в новых веб -программах, таких как Gmail, вы уже можете использовать файлы перетаскивания и перетаскивания в качестве вложений по электронной почте? Это API Drant 'N Drop и File в функциях файлов HTML5.
Дизайнеры должны знать, что существует растущий спрос на передачу данных в мобильных приложениях, а традиционный метод выбора пути слишком громоздкий. Приходите и попробуйте функцию загрузки HTML5!
11. Семантический
Семантические сети могут позволить компьютерам лучше понимать содержание веб -страниц, что может оказать большую помощь для поисковой оптимизации (SEO) или систем рекомендаций.
Дизайнеры должны знать, что HTML5 может сделать поиски быстрее и точнее.
12. Метод разработки приложений для интеграции с двойной платформенной интеграцией для повышения эффективности работы
В соответствии с текущей ситуацией, когда iPhone/Android быстро увеличивает свою долю рынка, если вы хотите писать приложения на расширенных смартфонах в будущем, если вы либо решите использовать Framework Objective-C + CocoAtouch для написания приложений iPhone/iPad, либо выбрать Java + Android Framework для написания приложений Android. Если вы хотите одновременно поддерживать две платформы, вам придется поддерживать два набора кодов, что является небольшим бременем для небольших услуг, которые только начинаются.
Используйте HTML5 и CSS3 для написания веб-приложений. Чтобы поддержать iPhone и Android одновременно, вам нужно поддерживать только один код (некоторые должны быть изменены в соответствии с клиентами). В будущем, если другие мобильные устройства будут иметь браузеры, которые поддерживают HTML5, у одного и того же веб -приложения будут напрямую иметь дополнительную платформу поддержки.
Серия услуг Google использует множество спецификаций кэша, хранения и базы данных в HTML5 для достижения эффекта программ автономного доступа. Поскольку сетевое подключение мобильных устройств является более нестабильным, чем настольные приложения, а иногда нет сети для использования на мобильных устройствах, эти технологии позволяют пользователям продолжать использовать ваш веб-приложение даже в среде без Интернета. Это показывает, что основной объект обслуживания HTML5 все еще предоставляется веб -приложениям и не будет представлять угрозу для разработки всех приложений. Это поможет различным типам приложений использовать различные методы разработки и сделать их более гибкими.
Приведенный выше контент представляет несколько основных функций мобильной разработки HTML5 (обязательно прочитать), я надеюсь, что вам понравится.