Поддерживает ли html5 касание на мобильных телефонах?

Question

Мне было интересно, поддерживает ли html5 сенсорный функционал на мобильном устройстве? Поэтому нам не нужно создавать нативное приложение для iOS / Android / WP7, но мы можем создать страницу html5, которая загружается в мобильный браузер.

EDIT

Я имею в виду поддержку JavaScript для сенсорного родного в браузере, чтобы вы могли сделать что-то свое с помощью сенсорного ввода в html5.

Answer 1

Зависит от типа сенсорного события.Для стандартного события щелчка мышью в браузере они эмулируются браузером.Как упоминал Холст, просто сделайте кликабельные элементы достаточно большими, чтобы работать в мобильной среде.

Если вы хотите использовать мультитач / жесты, это становится немного интереснее.

Webkit предоставляет touchstart, touchmove, touchend, touchcancel.Для событий с одним касанием поддержка должна быть одинаковой как в IOS Safari, так и в Android Webkit.Вы можете свернуть свою собственную или использовать библиотеку, например jqTouch .

. Вы можете узнать больше о том, как IOS Safari обрабатывает события касания .События для Android, похоже, не так хорошо документированы, но вы можете прочитать больше о поддержке сенсорного ввода quirksmode .

Answer 2

Просто сделайте лайки и кнопки достаточно большими, и все.

Answer 3

В некотором смысле.

Можно написать веб-страницу, которая выглядит почти как нативное приложение для iPad (включая мультитач), но мне пришлось отказаться от использования событий «высокого уровня» и пришлось вместо этого обрабатыватьмассив touches явно для получения разумного увеличения / панорамирования.Результаты IMO довольно хорошие (люди, которым я показал, что игрушка векторного графического редактора думала, что это было нативное приложение).

Однако для Android все немного сложнее, потому что на моем Nexus, по-видимому, нет способаполучить что-нибудь близко к полноэкранному режиму (а для телефона потеря пространства адресной строки означает потерю ОЧЕНЬ свободного места), а также мультитач отключен в браузере по умолчанию: - (

Обе проблемы (полноэкранный и мультитач)однако решается, например, в Opera, и это, на мой взгляд, грустно, потому что (может быть) это означает, что они НЕ ХОТЯТ хороших веб-приложений на телефоне ...

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