web-dev-qa-db-ja.com

モバイルおよびデスクトップ用のjQuery Mobile?

私はウェブアプリを開発しています。 MySql/PHPバックエンド、およびHTML/jQueryフロントエンド。

JQuery UIフレームワークを使用したいと思いました。

JQuery Mobileがリリースされたことがわかりました。モバイルデバイスが可能な限りアプリにアクセスできるようにしたいと考えています。

私はグーグルで検索したが、質の高い答えが見つからなかった。

JQuery Mobileを使用している場合、すべて同じコードで機能するようにできますか?

モバイルブラウザからアクセスした場合にモバイルウィジェットを表示したい。
ただし、jQuery UIウィジェットを使用して、デスクトップブラウザーからアクセスします。

JQuery Mobileとそのマークアップを使用するだけで可能ですか、それともモバイル(jQuery Mobile)とデスクトップ(jQuery UI)のフロントエンドを個別に作成する必要がありますか?

つまり、jQuery Mobileは、デスクトップブラウザーからアクセスされた場合、jQuery UIに自動的に「フォールバック」できます。

44
ZolaKt

それはあなたが何をしたいか、そしてあなたが取り込もうとしている機能性に大きく依存すると私は思います。 Webページをモバイルと同じデスクトップで特定の方法で動作させたい場合は、慎重なコーディング/テストを行うことで、jquery.mobileで問題ありません。

Jquery.mobile(非圧縮バージョン)のCSSをチェックアウトすると、実際にコードを直接編集して、特定の画面サイズでHTML要素を希望どおりに表示できます。適切に拡大縮小するには、デスクトップ/大画面サイズの1つを選択するだけです。

モバイルバージョンに関して達成しようとしていることに応じて、私もチェックします jQTouch -これは、「クリック」の代わりに「タップ」などのモバイル固有の機能を可能にします")、例として-しかし、desktopCompatabilityオプションもあるので、デスクトップブラウザーに戻ります。

これらのライブラリのどちらでも、ルートjqueryライブラリが引き続き必要です。

お役に立てれば。

26
TNC

まず、モバイルとデスクトップのワークフローは大きく異なることを考慮する必要があります。デスクトップバージョンとモバイルバージョンを切り替えようとしても、リソースが切り替わるだけではありません。

次に、2つのUIフレームワークは、使用方法が大きく異なります。 jQuery UIは、好きなときに好きな場所で呼び出すことができるウィジェットのコレクションです。これは、CSSフレームワークがそれをサポートしている感覚的なライブラリーのようなものです。 jQueryモバイルの動作はまったく異なりますが、デフォルトではマークアップ駆動のフレームワークであり、jQueryモバイルを立ち上げて実行するために、1行のJavaScriptを記述する必要もありません。

私へのアドバイスは、データレイヤーを共通のコードと見なし、クライアントサイドを2つの完全に独立した作業と見なすことです。個人的には、一般的なREST webservicesを使用してアプリケーションを作成できました。jQueryUIを使用してWebサービスを消費し、クライアント側のマッシュアップを作成します。モバイルバージョンでは、サーバー側のWebサービスを使用しますモバイルで使用するためのjQuery-mobile htmlページを作成します。

また、jQuery Mobileを使用してクライアント側で動的HTMLを生成すると、大きな問題が確実に発生することにも注意してください。プロジェクトが成熟するまでは、フレームワークの高度なセマンティックマークアップを強化するためにのみ使用します。適切なソリッドデータレイヤーを作成すれば、後は簡単にできます。

26
martin

以下が完全なソースコードです。 https://github.com/ti-dev/Scrum-it デスクトップデバイスとApple iPad用に設計されたオープンソースのスクラムボード。したがって、これら2つの世界を1つのWebページに組み合わせることができます。

6
TIM