2012-04-17 8 views
1

WebWorksアプリケーションのページ構造を設計する正しい方法は何ですか?私はjQuery-Mobileも使用しています。WebWorksのUI構造:HTML形式でも、別ファイルでも構いませんか?

A:すべてのページを単一のHTMLでなければならず、各ページがあること:

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

B:ページがお互いにリンクする別のHTMLファイルに分離されるべきか?

私は現在、アプローチAを使用していますが、ページから別のページに移行するときにアプリが遅くなります。私は理由の1つがすべてのページを含む単一のHTMLのサイズだと思う。

もう1つの問題は、電話機の物理的な「戻る」ボタンを押すとアプリが終了し、別の理由で、すべてのページを1つのHTMLにまとめるのに疑念があることです。

答えて

2

非常に有益な回答:間違ったフレームワークを使用しています。 jQuery Mobileは非常に肥大しています。最近のiOSデバイスでも、BlackBerryの性能はあまり高くないOSはもちろんのこと、低性能で動作しています。

jQuery Mobileのルートを続けると、WebWorksのユーザーエクスペリエンスが別々のHTMLページ間を移動するときのビットサブパッチであるため、すべてのページを単一のHTMLファイルに保存することをお勧めします。たとえば、別のHTMLファイルへのリンクをたどると、特に古い/強力でないデバイスでは、非常に目立つ「白い点滅」が発生します(ただし、rim:loadingScreen要素の背景色をconfig.xml)。それがjQuery Mobileの低速遷移よりも良いか悪いかを判断するのはあなた次第です。

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

戻るボタンとして、あなたはそのようなバックキー(自分のconfig.xmlで有効になってblackberry.system.event機能を持っていることを忘れないでください)にイベントハンドラを取り付けることにより、デフォルトの動作をオーバーライドすることができます

まだ別の解決策がある場合は、bbUI.jsを試してみることを強くお勧めします(https://github.com/tneil/bbUI.js) - これは半正式なフレームワークで、BB上ではjQuery Mobileよりもはるかに多く見えます(例えば、特定のページに必要なスクリプトのみをロードしたり、WebWorks/BBに特有の問題などを回避するなど)、Zepto(http://zeptojs.com/)はすばらしく速いjQueryの代替品で、jQuery Mobileベースのアプリケーションよりも大幅に低速なアプリケーションになります。

+0

jQuery Mobileが肥大化していることに同意します。最初に聞いたところ、jQueryのリーンバージョンになると思っていましたが、jQuery(33.18KB)とjQuery Mobile(31.77KB)をロードする必要があることがわかったとき、私はzepto.js(9.01KB via cdnjs IEのjQueryへのフォールバック(IEではzeptoは動作しません)を使用して、独自のUIをロールバックしました。私のサイトのCSSはすべて10KB未満ですが、jQuery MobileのCSSは11.25KBです。 – Webveloper

1

あなたのプロジェクトに最も適した方法を使用できます。大規模なアプリケーションの場合は、おそらく単一の "index.html"を持つ価値があり、その後いくつかの他のページにリンクします。コードを簡単に編集することもできます。

関連する問題