Разрабатывая мобильное приложение, я обнаружил несколько вещей, которые мне было бы полезно знать, когда я только начинал.
Поэтому я решил написать статью в формате небольших советов.
Эти советы больше направлены на разработку мобильных приложений для PhoneGap, Windows 8 и Firefox OS. Но разработчики мобильных веб-сайтов также могут найти это полезным.
В конце статьи я приведу ссылки на то, что в итоге получилось.
Не доверяйте селекторам СМИ.
Особенно на Андроиде.
Селекторы мультимедиа срабатывают при использовании клавиатуры, и вам тоже придется с этим справиться.
Это станет настоящим адом, если наше приложение будет иметь разный вид для портрета и пейзажа.
Следующий пример хорошо это демонстрирует: 
Если мы откроем наш пример на телефоне с высотой разрешения 800 пикселей и более, мы не увидим цветной блок, поскольку к нему применен селектор мультимедиа, но когда мы нажимаем на ввод для ввода данных, открывается клавиатура и блок появляется (высота окна меняется), что немного нелогично.
Решение: Использование Javascript для изменения ориентации и изменения ориентации на основе свойств screen.availWidth и screen.availHeight. Обратите внимание, что эти свойства не работают в FirefoxOS, как и событие ориентации.
Подобный код может помочь нам сэкономить время и усилия.
Теги: #мобильная разработка #веб-разработка #phonegap #Android #жесты #разработка веб-сайтов #разработка мобильных приложений
-
«Разбор Полетов» — Дарт-Аньян Веб-Разработка
19 Oct, 24
