Программирование мобильного веб-приложения с расширенным сенсорным управлением

#web-applications #ios #html

#веб-приложения #iOS #HTML

Вопрос:

Ситуация:

У меня есть мобильное приложение на HTML5. Приложение отлично работает в любом браузере, который не является мобильным. Игра довольно «пугающая», когда вы щелкаете по плитке и проводите мышью по другим плиткам, чтобы создать цепочку плиток. Это включает в себя захват события наведения курсора мыши, затем запись и изменение всех фрагментов, которые вы перетаскиваете, и остановку при событии наведения курсора мыши.

Проблема В том, что в своей родной форме он не работает на устройствах iOS или Blackberry Playbook. В iOS arena у меня есть возможность отключить перемещение экрана, но мне еще предстоит выяснить, как я могу записывать L-образные касания и «помечать» каждую плитку, к которой прикасаются одним движением.

Есть ли фреймворк, плагин jQuery или что-то в этом роде, что работало бы? В идеале это работало бы как в браузерах iOS, Playbook, так и в браузерах Android как «готовый продукт».

Заранее спасибо!

Ответ №1:

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

http://jqtouch.com / // ОЧЕНЬ хороший плагин, и я предпочитаю, чтобы вы поработали над этим

http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html

http://plugins .jquery.com/plugin-tags/touch

Ответ №2:

Ответ №3:

Для сенсорных экранов необходимыми функциями являются ontouchstart и ontouchend .

Взгляните на эти слайды, чтобы получить руководство с примерами. Но в принципе, вы, вероятно, захотите преобразовать код изменения плитки из вашего onmousedown / up в другую функцию и задать условия для этого в ваших onmousedown / up и ontouchstart / end .

Кроме того, поскольку вы знакомы с jQuery, взгляните на jQuery Mobile

Ответ №4:

Ознакомьтесь с PastryKit, он был разработан самой Apple. https://github.com/jimeh/PastryKit

Ответ №5:

Вы можете попробовать следующее :

DHTMLx(Вам необходимо приобрести продукт для коммерческого использования.)

Sencha Touch

Titanium Mobile — Он компилирует большую часть вашего кода в собственное приложение для iPhone или Android. По сути, это не веб-фреймворк, а уровень совместимости.

Обратитесь к блогу сравнения, Sencha Touch был намного предпочтительнее, чем jQTouch и Jquery Mobile

Комментарии:

1. 1 Спасибо. Похоже, в блоге сравнения сравнивались гораздо более ранние версии jQuery Mobile и Sencha. Мы собираемся использовать версию jQuery, потому что многие наши полнофункциональные сайты уже основаны на ней.