2011-07-06 15 views
3

私はしばらくこれを研究しており、これを行うにはいくつかの方法があると思われます。CSSのメディアクエリは、画面サイズ、htaccess、javascriptを検出します。タブレットと携帯電話、htaccessまたはCSSを検出する

私が知る限り、タブレットの解像度は1024pxになっているので、htaccessルートに行くことをお勧めします。これはデスクトップの解像度を妨げないでしょうか?また、htaccessは私にタブレットやモバイルブラウザのためのまったく新しいサイトを作るチャンスを与えますが、それがタブレットかモバイルかを検出するにはどうしたらいいですか? Google NexusとHTC DesireやiPhone、iPad、Acer Iconia、Xoomなどを検出する必要はありません。

タブレット、電話、またはデスクトップコンピュータを検出する方法はありますか?すべてのメイクとモデルを含める必要はありませんか? for example as here

答えて

6

これはModernizrを使用することをお勧めします。

クライアントのブラウザでJavascriptを使用して、タッチイベントを含むブラウザ機能の全範囲のサポートを検出し、CSSクラスと、ユーザーのブラウザに合わせてサイトを調整するために使用できるJavascriptオブジェクトを提供します。

クライアントの環境を検出するためにサーバーが使用できるデータがプレーンテキストとして送信されるため、サーバー(つまり.htaccessまたはサーバー側コード)でブラウザの検出を実行しないでください簡単になりすましやハッキングされます。さらに重要なことは、プロキシやプライバシーアプリによっても一般的に抑制されていることです。

+0

これはいいリソースですが、私は間違いなくデスクトップとデスクトップの2つの異なるHTML構造を作成する方法を探しています。モバイル版/タブレット版.. – Kyle

2

.htaccessを使用してモバイルブラウザを検出する場合は、名前(少なくとも一意の部分)をリストする必要があります。

RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC] 
RewriteCond %{REQUEST_URI} !^/mobile.php 
RewriteRule .* /mobile.php?url=%{REQUEST_URI} [L] 
関連する問題