jqueryモバイルの使用に関するnoobの質問

Question

私が始めておく前に、私は比較的ウェブ開発の経験が少ないノブです。私が開発している特定のサイトには、タッチベースのデバイス（iphone、ipad、android phones and tablet）のためのスワイプレフトとスウィープライト機能が必要です。これを実装するために、私はjQueryモバイルを使用するように提案されました。すべてGoogleが私を与えることができるにもかかわらず、それがデータ・役割のような 属性を使用して がしかし、私はDOCTYPE強制的必要性は、HTML 5であることをない、次の

1. 上の明確化を要求するだろう

2. 私のサイトには、使用していますjQueryとjQueryUIが大いにjQueryモバイルになる 実装されている実際のデザインレイアウトを歪めます。

3. 私は、モバイルと通常のトラフィックのためのビューレイヤーを分離できません。 複数のタッチベースのデバイスのためのサイトをテストするための最良の方法 （シミュレータ 多分）がどうなるか、通常のデザインや機能に影響を与えることなく、

4. jQueryのモバイルは、モバイルベースの使用に適している場合

。

この素晴らしい場所から、簡単な英語でいくつかの詳細は素晴らしいだろう...事前に 感謝！さらに私の問題を掘り下げるために

EDIT

はtouchSwipeまたはwipeTouchなどのスワイプ機能のjQueryプラグインは、ここで私を助けます。 また、自分のコードでプラグインを実装していれば、iPadまたはAndroid携帯から機能をテストするのに最も良い方法は何でしょうか。あなたが本当にデスクトップ/モバイル用のビューを分離したい場合は、私が「、

おかげで再び（ジャスト貪欲と絶望的な）マウスドラッグによるスワイプジェスチャーを認識することができるだけでFirefox用IEシミュレータのようないくつかのプラグイン...

Answer 1

を言いますhttp://detectmobilebrowser.com/についてここに推奨事項がありましたが、私はそれを使用していません。これは、さまざまな言語やJavaScriptでサーバーサイドを行うためのコードを提供します。

jQuery Mobileの主な目的の1つは、モバイル固有のUIを提供することです。両方のスタイルシートをそこに投げ込もうとすると、スタイルは間違いなくあなたの現在のテンプレートとあらゆる方法で衝突します。あなたの現在のサイトの上にスワイプサポートを追加したいのであれば、おそらくそれを助けるjQueryプラグインがたくさんあります。

日時：jQMドキュメントからHTML5、

jQueryのモバイルサイトでは、フレームワークのすべての機能をフルに に活用するためにHTML5「DOCTYPE」で開始する必要があります。 （古いHTML5が安全に「DOCTYPE」 と様々なカスタム属性を無視します理解していない ブラウザを備えたデバイス。）

Answer 2

はJQuery Mobileは、WebアプリケーションのためにOKですが、jQueryのモバイルでのアプリケーション上で、より多くのをやった後、私は今のところそれに反対することを勧めます。 JQuery Mobileを完全にサポートしていない電話機が数多くあり、多くの方法や一般的なページレイアウトの問題にぶつかります。ほとんどのブラックベリー、および多くのHTC携帯電話はJQuery Mobileなどの多くの携帯電話をサポートしていません。

あなたがデスクトップ/モバイルにいるかどうかを検出することはかなり簡単です。ページの読み込み時にuser agentを探し、それに応じてリダイレクトします。必要に応じて、ユーザーエージェントに基づいてリダイレクトする方法をいくつか教えてください。

ページを正しくフォーマットしていないと、JQuery Mobileが現在のデザインを歪めることがあります。 JQuery Mobileは余分なCSSをたくさん追加します。これを回避することは、特に他のJQuery要素では難しいことが分かります。ダイアログは、JQuery MobileがJQueryとは異なる動作の一例です。

エミュレータでテストするのが最善の方法です。 Google Chormeは、最も信頼性の高いものではありませんが、私が使用する傾向のある追加のRippleを持っています。たくさんの異なる電話があるので、できるだけ多くの生きているものでテストするほうが簡単です（異なるバージョン、プラットフォーム、ectはJQuery Mobileで大きく違った動作をする可能性があります）