WebKit получил для Android / iPhone разработки

Question

Если я хотел разработать интерфейс моего мобильного приложения, используя js, css, html, чтобы ориентироваться как на Android, так и на iPhone, на какие недостатки мне нужно обратить внимание?

Я не ищу сравнения нативной и веб-разработки, а беспокоюсь о проблемах производительности и разработки.

Answer 1

Я провел немало исследований по этому вопросу, ниже приведены некоторые из основных проблем, которые я обнаружил.

• События касания несовместимы на разных устройствах.
• Нет хорошего способа выполнения фиксированных позиций.Что потребуется для простой строки заголовка.
• В настоящее время нет платформы, поддерживающей устройства с несколькими разрешениями, т. Е. Пользовательский интерфейс выглядит пикселированным на новом дисплее сетчатки iPhone 4.
• Мобильные устройства имеют небольшиеобъемы памяти и медленные процессоры, использование любой основной структуры JavaScript значительно снижает производительность (включая jQuery).
• Убедитесь, что вы используете анимации / переходы WebKit вместо выполнения анимаций в JavaScript (это использует аппаратное ускорение).

Сейчас я не могу больше думать, но когда я это сделаю, я сообщу вам.

Answer 2

1. В настоящее время Android не имеет аппаратного ускорения в браузере, но оно меняется в версии 3.0 - http://android -developers.blogspot.com / 2011/03 / android-30-hardware-acceleration.html .

2. Если вы используете собственную прокрутку (на данный момент предпочтительнее для Android), убедитесь, что вы правильно обрабатываете касание, чтобы при прокрутке касание запускалось не сразуоткрытие новых видов.

3. LocalStorage работает быстро.Вы можете сохранить JSON в LocalStorage, используя stringi и синтаксический анализ JSON.База данных HTML с SQLite работает медленнее.

4. Сенча прекрасен, но ограничен.jQueryMobile имеет сильную базу поддержки с большим набором функций, но все еще глючит.

5. У Google Closure Compiler есть проблемы с PhoneGap и другими библиотеками.Возможно, вы захотите использовать YUICompressor.

6. В Android используйте собственные варианты выбора для карт и меню.Карты являются ссылкой на Google Maps.Меню представляют собой списки, стилизованные под кнопки (см. JQueryMobile).

7. Используйте шаблонизатор, такой как Усы или Руль.Руля учитывает логику и помощников, а также все вкусности, которые поставляет Усы.

8. Таблицы CSS3 - ваши друзья для 100% гибких областей содержимого.

9. Проверьте плагины PhoneGap в Github.Существует ContactView, который я написал для Android для компании, в которой я работаю, - http://www.reardencommerce.com,, где мы создаем html5-приложения в javascript и node.js.

10. AJAX кросс-домен илииз локальной файловой системы работает на мобильном телефоне.Он также работает на Safari Mac, только если вы читаете приложение из протокола file: //.

11. В Chrome windows / mac вы можете изменить настройки, чтобы разрешить междоменный AJAX, но это снижает ваши уровни безопасности.Вы можете заразиться вирусами.

12. Слишком много градиентов CSS3 значительно замедляют работу вашего приложения.

13. Тени, градиенты и скругленные углы с CSS3 не очень привлекательны для Android.