2011-08-11 10 views
2

私は、モバイルサイト用のレイアウトを変更するレスポンシブウェブサイトを構築しています。それはCSSにとっては問題ありませんが、デスクトップサイトに表示される重いスクリプト(スライダなど)がいくつかありますが、モバイルクライアントにはあまり役に立ちません。 CSSで非表示にするのは簡単ですが、それでもJavaScriptはダウンロードされ実行されますが、それは明らかに理想的ではありません。モバイルウェブページのjavascriptを選択的に読み込むための最良の方法ですか?

このようなアセットがモバイルデバイスにまったく配信されないようにするにはどうすればよいでしょうか?私は、モバイル以外のブラウザが検出された場合にのみ、ページに関連するjavascriptを含むPHPベースの検出を考えています。どちらか、またはjQueryの$ .browser関数で十分ですか?

私はこれに対してさまざまなアプローチを見てきましたが、私は、最も良い方法についてのコンセンサスが何であるか疑問に思っていました。

多くの感謝!

答えて

1

PHP(または他のサーバーサイド言語)ソリューションが最適です。に表示される場合は、を検出するのが最善である場合があります。恐ろしい数の携帯端末があり、デスクトップベースのユーザエージェントのリストを持っているのではなく、「モバイル」のユーザエージェントのリストを維持することははるかに難しいでしょう。

もちろん、このアプローチには独自の警告が付いています。誰かが修正されたエージェント文字列を持っているとか、そこに比較的人気のないブラウザを含めていないとします。

検出を維持し、市場がどのくらい速く動いているかを考えてみてください。

PS。代理人の基盤を作るための助けがありますが、スマートフォンだけに限られているようです。http://detectmobilebrowsers.mobi/#generator

+0

ありがとう、私はGoogleコードからphp-mobile-detectスクリプトを実装することを考えています:http://code.google .com/p/php-mobile-detect/detectmobilebrowsers.mobiを支払うことに熱心ではありません - 一度オフラインでできるべきもののようです(将来的に一部のデバイスが見逃されるかもしれないことを受け入れる) – melat0nin

関連する問題