Странное поведение приложения JQuery Mobile

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

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

Почему этот странный вопрос?

Если кто-нибудь может направить меня на это, это будет моим удовольствием

Solutions Collecting From Web of "Странное поведение приложения JQuery Mobile"

Трудно сделать предположения относительно медленной производительности и проблемы с перенаправлением. Ниже вы можете найти некоторые аспекты, которые, на мой взгляд, влияют на производительность мобильного приложения, которое состоит из HTML5, CSS3, JavaScript и должны учитываться при анализе, дизайне и этапе разработки.

Метод реализации, основанный на размере

При разработке небольших мобильных приложений рекомендуется использовать одну HTML-страницу с использованием связывания страниц внутри AJAX. Для более крупных мобильных приложений рекомендуется использовать метод использования разных HTML-страниц с привязкой к внутреннему AJAX. Попробуйте создать многоразовые шаблоны страниц.

Переходы страниц

Как указано в jQM 1.1.1 Docs , по умолчанию все переходы, кроме fade, требуют поддержки 3D-преобразования. Устройства, которые не имеют поддержки 3D, возвращаются к переходу на постепенный переход, независимо от указанного перехода. JQM делает это, чтобы проактивно исключить плохо выполняемые платформы, такие как Android 2.x, из передовых переходов и обеспечить им приятный опыт. Обратите внимание, что есть платформы, такие как Android 3.0, которые технически поддерживают 3D-преобразования, но все еще имеют плохую производительность анимации, поэтому это не гарантирует, что каждый браузер будет на 100% без мерцания. Определите тип перехода, который вы будете использовать после рассмотрения выше.

Минимизировать JS и CSS-файлы

Каждая страница должна быть максимально легкой. Целью минимизации является сохранение эксплуатационных качеств кода при одновременном снижении его общего байтового следа. На WEB есть множество инструментов, таких как YUI Compressor , Minify и многие другие. Кроме того, существуют такие инструменты, как JLint, который используется для проверки того, соответствует ли исходный код JavaScript правилам кодирования. JLint – это инструмент качества кода, который проверяет наличие проблем в JavaScript-коде. Сообщенные проблемы не обязательно являются синтаксическими ошибками, но могут быть структурными проблемами. Обратите внимание, что JLint не доказывает, что ваш код верен. Рассмотрите это как инструмент помощи. Также есть инструменты для оптимизации CSS. Оптимизация помогает вам получить меньшие размеры файлов CSS и лучший письменный код. На WEB можно найти множество оптимизаторов CSS, таких как CleanCSS и CSSTidy .

Пределы компонентов

Рекомендуется, чтобы страницы HTML были ограничены 25 КБ, чтобы получить оптимальное преимущество кеширования для большинства мобильных веб-браузеров. Предел кэширования зависит от версии ОС. Например, Android 2.1 имеет ограничение кэширования примерно 2 Мб.

HTML5 и CSS3

Попробуйте создать легко читаемый, расширяемый и многоразовый код. Важно использовать все преимущества использования HTML5 и CSS3. Объявление HTML5 DocType ( <!DOCTYPE html> ) должно быть первым в вашем документе HTML5 перед тегом html. Это инструкция для веб-браузера о том, какая версия HTML-страницы написана.

Используйте W3C mobileOK Checker

W3C mobileOK Checker – это бесплатный сервис W3C, который помогает проверить уровень мобильности дружественных веб-документов и, в частности, утверждать, является ли веб-документ mobileOK. Веб-страница является mobileOK, когда она проходит все тесты. Тесты определены в спецификации mobileOK Basic Tests 1.0 . Чтобы понять, почему действительно важна проверка веб-документа для мобильности, наверняка стоит подчеркнуть несколько моментов в отношении так называемого мобильного мира. По сравнению с обычным настольным компьютером мобильное устройство может считаться ограниченным с первого взгляда: меньший размер экрана, меньшие вычислительные мощности, меньший объем памяти, отсутствие мыши и т. Д. По сравнению с фиксированными соединениями данных, мобильные сети могут быть медленными и часто иметь более высокую задержку. По сравнению с пользователем, сидящим перед его компьютером, пользователь на ходу имеет ограниченное время и легко отвлекается. Помимо этих ограничений, мобильный мир сильно фрагментирован: множество разных устройств, каждый из которых определяет уникальный набор поддерживаемых функций.

Рассмотрите внешний вид на разных размерах экрана

Плотность экранов, размер видового экрана и масштаб веб-страницы должны учитываться при настройке различных размеров экрана. Метаданные viewport можно использовать для определения размера окна просмотра, где область просмотра – это область контейнера, в которой отображается страница. Шкала видового экрана определяет уровень масштабирования, который применяется к веб-странице. Свойство view-densitydpi viewport и методы CSS, JS могут использоваться для изменения целевой плотности экрана для веб-страницы. На WEB много статей о внешности на разных размерах экрана.

Определить потоки с потенциальной задержкой

Расширение PageSpeed ​​Firefox / Chrome можно использовать для проверки скорости страниц. Когда вы просматриваете веб-страницу со скоростью страницы, она оценивает соответствие страницы нескольким другим правилам. Эти правила – это общие передовые методы для конечных пользователей, которые вы можете применять на любом этапе веб-разработки. Расширение дает конкретные советы и предложения о том, как наилучшим образом реализовать правила и включить их в процесс разработки.

Надеюсь, это поможет.