私はjQuery Mobileフレームワークを使ってWebアプリケーションを作っていますが、これは低スペックの携帯電話向けにフォールバックを提供したいと考えています。jQueryモバイル対応携帯電話をどのようにターゲットできますか？
私の質問は... JQM対応の携帯電話をターゲットにするにはどうすればよいですか？ jqueryフォーラムにも同様の質問が掲載されていました。回答の1つは、携帯電話の長いリストを提供するhttp://detectmobilebrowser.com/を示唆しています。
これは最善の方法ですか、私はブラウザ能力を実際にハンドセットをターゲットにするのではなくテストする必要があります。後者の場合は、「Grade-A」のフィーチャとみなされますか？
乾杯
Progressive enhancementはあなたが目指すべきものである、jQueryのは、あなたは、単一のコードベースを持っており、それがデバイスの範囲を越えて動作持つことができます。
これを考えてみましょう：他のページへ
すべてのリンクは、通常のHTMLリンクがあり、リンクはまだAJAXのサポートなしで動作する、彼らは単に必要なページ
の場所にあなたを送ると思いますので、すべての主要なフレームワーク要素はリスト、リンク、およびいくつかのdivで構築されています。いいえHTML5は、最低でもコンテンツ
をレンダリングするために必要としない、すべての携帯電話は、あなたが関係なく
あなたはどのwouldnカスタムインタフェースを持っていますかどのようにできるコンテンツを表示しないようにできるように、スタイリングの良い量を表示することができますjQueryモバイルを完全にサポートすることなく、まったく動作しませんか？
私は、優雅な分解が最良の解決策であることに同意します。 noscriptタグを使用して追加することも、JSをサポートしていない携帯電話向けにHTML経由で機能を追加することで、正常な劣化を緩和する良い方法です。
携帯電話がJQMで動作するかどうかを定義するブラウザ機能（またはセット）を見つけることは難しいと思います。私自身の経験では、機能情報を提供するオープンソースのデバイス検出ライブラリであるWURFLを使用しました。しかし、特定のデバイスをターゲットにしてデバイス固有のCSSを組み込み、それをサポートしていない他のデバイス用のJSをすべて削除して（ダウンロードされているJSのオーバーヘッドを取り除くために）使用しました。
WURFL：
グレースフルデグラデーション：http://wurfl.sourceforge.net/
JQMが、それは優雅な劣化を提供することをアドバタイズのjQuery Mobileは、ほとんど対応のブラウザで可能な限り最高の体験を提供するために、非常に最高のHTML 5やCSS 3つの機能を使用しています。しかし、我々はこれをすべてか、またはまったく何の提案でもないと考えています。能力の低いブラウザは、プラットフォームが処理できる最高のエクスペリエンスを引き続き受けられます。彼らは最高のプラットフォームのすべてのグラデーションやファンシーなトランジションを持っているわけではありませんが、それでも使い易いでしょう。最も基本的なブラウザは簡単に簡略化されたHTMLとCSSに戻ります。
はい、この優雅なJQMの劣化についてです。 新しい（ただしトップエンドではない）Nokiasで私のアプリケーションをテストしました。彼らはjavascrpt（と通常のjquery）をサポートしていますが、JQM Webアプリケーション内の「ページ」を認識しないという大きな問題があります。したがって、これらの電話機は、すべての「ページ」を順番に表示することになります。 これは私が「優雅」と呼ぶものとはまったく異なり、この基本バージョンのサイトを構築する必要があるのは本当の理由です。同じ状況にいる人は誰ですか？ – swisstony
それは進歩的な拡張です。 2つの最もアクティブなjqueryモバイル開発者は、フィラメントグループのメンバーであり、プログレッシブエンハンスメントを作成し、使用し続けます – naugtur
私はJQMですばらしい（非常に速く）動作するが、同じ問題を抱えている単一のモバイルページで複数のJQMページをテストしました（スマートフォンのブラウザでJavaScriptがオフになっているとすべてのページが表示されます） 。この問題を回避するには、JQMページごとに1つのページしか使用しないでください（速度と一様なページ遷移を断念します）。 NOSCRIPTタグオプションに関しては、そのタグはNOTすべてのブラウザで普遍的に認識されています。その問題を回避するには、次のような何かを試みることができる：
<div id="no-js">
<!-- Place HTML without javascript here -->
</div>
<div id="js">
<script language="javascript">
// place javascript here which would be ignored by browsers not support javascript or with
// javascript turned off
document.getElementById("no-js").style.display = "none"; // be sure to hide the non javascript
// div
</script>
</div>
上記のロジックはNOSCRIPTを認識しないものだけでなく、どちらかのNOSCRIPTタグタイプのブラウザで動作します。
dlausch
http://detectmobilebrowser.com/かなり良い選択のようです。 – mattsven