2

現在デスクトップコンピューターで使用されているが、最終的にはスマートフォンやパッドなどのモバイルデバイスもサポートするWebアプリを開発することが目標である場合、コードを整理するためにどのような戦略が推奨されますか？デスクトップクライアント用に1セットのコードを作成し、次にモバイルクライアント用に1セットのコードを作成する必要がありますか？過去に私はjqueryとjqueryuiを使用しました。jquery、jquery ui、jquery mobileはWebアプリにどのように適合しますか？非モバイルWebクライアントとモバイルWebクライアントの開発の主な違いは何ですか？私はasp.netmvcを使用しています。私のスポンサーは、単一ページのWebアプリを好みます。だから私はKnockout.jsを調べています。また、 dhtmlxjqwidgets などのウィジェットセットも調べています 。私の選択についてコメントしてください。

4

1 に答える 1

3

シンプルで簡潔にするために、レスポンシブ Web デザインを使用する (または使用を検討する) 必要があります。主なアイデアは、画面の幅に応じてサイズ変更/再編成を処理する CSS を開発することです。これにより、デバイスに関係なく、デスクトップ画面として認識されるのに十分な幅の画面であると同時に、モバイル画面のサイズに合わせて調整できる状況を処理できます。

CSS を使用してページ上の要素のサイズと位置を調整すると、すべてのユーザーに対して 1 つのコード セットを使用できます (モバイル サイトとデスクトップ サイトを分ける必要はありません)。ページ幅のサイズ変更を処理するために、Web サイトの設計にもう少し時間と労力を費やす必要があります。

jquery ライブラリは、モバイルでも「従来の」プラットフォームと同じように機能します。ただし、さまざまな jquery ライブラリのモバイル拡張バージョンを利用したい場合もあります。

  • 例: 「シャツ」などのカテゴリ、「ボタンアップ」などのサブカテゴリ、次に「ボタンアップ」などのサブサブカテゴリをクリックすると表示されるナビゲーション メニューにネストされたリンクがある場合、 "青い。" 「従来の」プラットフォームでは、ユーザーはマウス カーソルを要素の上に置いてネストを展開できます。モバイル プラットフォームでは、ユーザーは各カテゴリ/サブカテゴリをタップして、ネストされたナビゲーション ボタンを展開することができます。

これはあなたのウェブサイトのデザインに完全に依存しています - レスポンシブウェブサイトをデザインするとき、私は通常、「モバイル」デバイスと「デスクトップ」デバイス向けのビューの間でスクリプトにほとんど違いがありません. 「レスポンシブ」として、サイズ変更可能なブラウザを最初から念頭に置いて設計してください。

また、jquery、jquery ui、jquery モバイル ライブラリの詳細については、Tats_innit が参照したリンクを参照してください。

于 2012-07-05T04:49:39.860 に答える