Создаете AJAX Rich Mobile Site?

Question

Я думаю о создании мобильного веб-сайта, богатого функциями AJAX и Jquery.Таким образом, с телефона пользователь может использовать такие возможности, как перетаскивание, «загрузка ...» изображений, диалоговые окна, которые появляются и исчезают, диалоговые окна с тенями, динамическое изменение размеров диалогов и т. Д. *

При первой загрузке мобильного веб-сайта он, вероятно, загрузит страницу index.html размером 500 КБ с необходимыми файлами CSS и jquery.Но с этого момента любой призыв к действию будет загружать html-контент асинхронно (то есть, когда человек нажимает на ссылку типа «просмотреть следующие 10 результатов поиска», только контейнер результатов поиска DIV перерисовывается после вызова AJAX)чтобы минимизировать передачу данных.

Моя цель - создать приложение с расширенным пользовательским интерфейсом, удовлетворяющее следующим критериям:

1) отзывчиво

2)ограничивает объем передачи данных

3) для обслуживания самой широкой аудитории пользователей смартфонов без необходимости разработки с N различными структурами: цель C для iphone, java для blackberry,?для андроида,?для Windows Mobile

Будет ли упомянутый мною подход AJAX для мобильных устройств соответствовать моим требованиям?

Answer 1

Если вы пойдете по этому пути AJAX, вы ограничитесь пользователями iPhone / Android / PalmOS. Все другие платформы (RIM, WinMob, Symbian) в настоящее время имеют проблемы, потому что либо поддержка javascript недостаточно полная, либо она не включена по умолчанию. Они скоро догонят, но у вас все еще будет много людей, использующих старые версии этих ОС (они не обновляются автоматически, как iPhone / Android). Если вы согласны с этой ограниченной аудиторией, взгляните на http://jqtouch.com/

Кроме того, я поддерживаю комментарии Амбер - то, как вы разрабатываете пользовательский интерфейс для мобильных устройств, сильно отличается от того, как вы разрабатываете пользовательский интерфейс для настольных компьютеров. Я понятия не имею, о чем ваше веб-приложение, но в целом вы создаете на настольном компьютере и используете для мобильных устройств (с заметными исключениями, такими как Twitter и Facebook). В максимально возможной степени учитывайте контекст, в котором пользователь будет получать доступ к вашему приложению на мобильном телефоне, и оптимизировать пользовательский интерфейс до событий, выполняемых одним касанием. Если ваше приложение обрабатывает пользовательский контент - посмотрите на лучшие приложения для Twitter и Facebook и сравните, как пользователь генерирует контент в этих приложениях по сравнению с IU на рабочем столе.

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

Answer 2

jQuery Mobile сейчас в альфа-версии. Поддерживает тонну мобильных браузеров: http://jquerymobile.com/gbs/

http://jquerymobile.com/

Answer 3

Взгляните на эту загрузку, которая может помочь, http://www.sencha.com/products/touch/. Она основана на библиотеке EXT JS или http://jqtouch.com/ основана на JQuery.

Answer 4

Вы должны быть в состоянии достичь своих целей с AJAX.

Но, как мобильный пользователь, не беспокойтесь о ...

• "Диалоги, которые появляются и исчезают"
• «Диалоговые окна с тенями»
• «Динамическое изменение размеров диалоговых окон»

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

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

Answer 5

Осторожнее с перетаскиванием. Большинство касаний отображает действие перетаскивания прокрутки страницы. Я сталкивался с этим несколько раз.

Некоторые функции ajax / jquery хороши в мобильной среде, но вы действительно должны быть осторожны!

Answer 6

Проблема, с которой вы столкнулись при использовании JavaScript на мобильных устройствах, заключается в том, что она несовместима.Немного похоже на тот факт, что IE немного более требователен к отсутствующим точкам с запятой, чем Firefox, но раз в тысячу.

Вы можете использовать библиотеки JavaScript, такие как jqtouch (что, кстати, круто), но этополагается на jquery, который может быть проблематичным на мобильных телефонах.

Писать AJAX на мобильных телефонах - это здорово, я только что сделал несколько потрясающих поисков местоположения для всего, что имеет возможности GPS в браузере, что обновит текущееместоположение автоматически.

Но, на мой взгляд, действительно важно написать это из первых принципов (getElementById и т. д.), так что вы знаете, что все будет в порядке, и вы должны предоставить отступление, если JavaScript отключен,или не там.

Answer 7

ИМХО, чтобы набрать как можно больше телефонов, нужно использовать как можно меньше JavaScript