0

ブラウザのバージョンと画面上のスペースに応じて、Webページの表示を変更しようとしています。次のようにページの外観を完全に変更する必要があります。

  • サイトが携帯電話で表示されている場合は、ミニバージョンが必要です。
  • サイトがデスクトップブラウザに表示されているのにウィンドウのサイズが小さすぎる場合は、ミニバージョンが必要です。
  • サイトがデスクトップブラウザに表示され、ウィンドウがフルバージョンに対応できる場合は、フルバージョンを表示したいと思います。
  • 利用可能なJavaScriptがない場合は、フルバージョンが表示されます。

userAgentに依存するかなり基本的なコードから始めました。

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) )

たとえば、JQueryでやろうとしていることを達成するためのクリーンな方法はありますか？

4

1 に答える 1

3

CSSメディアクエリを使用します。ユーザーエージェントのスニッフィングは信頼性が低く、将来のメンテナンスの問題につながります。また、メディアクエリを使用するということは、JavaScriptが不要であることを意味します。これは、関心の分離の観点から優れています。

于 2012-12-10T15:52:12.783 に答える