Структура веб-сайта WebWorks: все в одном HTML-файле или отдельные файлы?

Question

Каков правильный способ разработки структуры страницы приложения WebWorks? Я также использую jQuery-mobile.

A: Если все страницы будут в одном HTML, каждая страница быть:

<div data-role="page">...</div> 

B: Если страницы будут разделены в различных HTML-файлов, связывающих друг с другом?

В настоящее время я использую подход A, но приложение является медленным при переходе со страницы на другую. Я подозреваю, что одной из причин является размер единого HTML, который включает все страницы.

Еще одна проблема, с которой я сталкиваюсь, заключается в том, что нажатие физической кнопки «назад» на телефоне выходит из приложения, что является еще одной причиной, по которой я сомневаюсь в том, что у меня все страницы в одном HTML.

Answer 1

Очень упрямый ответ: вы используете неправильную структуру. jQuery Mobile чрезвычайно раздута, и я видел, что он плохо работает даже на последних устройствах iOS, не говоря уже о том, что BlackBerry не очень эффективная ОС.

Если вы продолжаете идти по маршруту jQuery Mobile, я бы порекомендовал вам иметь все ваши страницы в одном файле HTML, не в последнюю очередь потому, что пользовательский интерфейс WebWorks немного подпаритет при перемещении между отдельными страницами HTML , Например, вы получите очень заметные «белые вспышки», когда будете следовать ссылке на другой HTML-файл, особенно на более старых/менее мощных устройствах (хотя вы можете немного уменьшить это значение, установив цвет фона для вашего элемента rim:loadingScreen в config.xml). Вам решать, лучше или хуже, чем медленные переходы в jQuery Mobile.

Что касается задней кнопки, вы можете изменить поведение по умолчанию, прилагая обработчик события к заднему ключу как так (не забудьте иметь функцию blackberry.system.event включена в вашем config.xml):

blackberry.system.event.onHardwareKey(blackberry.system.event.KEY_BACK, function() { 
    // Back key pressed, go back to previous screen 
} 

Если вы все еще открыты для альтернативного решения, я настоятельно рекомендую вам дать bbUI.js попытку (https://github.com/tneil/bbUI.js) - это полуофициальная структура, которая намного больше выглядит на дому на BB, чем jQuery Mobile, и лучше оптимизированный для платформы (например, позволяя загружать только сценарии, которые вам нужны для конкретной страницы, которую вы показываете в данный момент, работая над некоторыми проблемами WebWorks/BB и т. д.) - объедините его с Zepto (http://zeptojs.com/), который является невероятно быстрой заменой jQuery, и вы получите приложение, которое будет значительно менее вялым, чем jQuery Mobile.

Answer 2

Вы можете использовать, который когда-либо подходит вашему проекту лучше всего. Для большого приложения, вероятно, стоит иметь один «index.html», который затем связывается с несколькими другими страницами. Можете сделать редактирование кода проще.