8

そのため、javascript と php を使用して「モバイル」ブラウザーと画面サイズを検出する方法があります。ただし、画面サイズは常にピクセル単位で返され、最近ではモバイルは何でも意味します。

デバイスのディスプレイがモバイルの場合、どこにでもポップアップするタブレットの場合はどうなるかを知りたいです。これは、小さな画面のデバイス用にスタイルシートを選択し、それ以外のデバイスにはデフォルトで通常のスタイルシートを使用したいためです。たとえば、iPad、kindle fire、hp タッチパッドなどには通常のスタイルシートを表示させたいのですが、携帯電話や人間の手ほどの大きさのディスプレイを持つデバイスには別のスタイルシートが必要です。

今、私はこれを行うための何かが存在しないと推測していますが、おそらく誰かがより良い方法を考えているか、どこかで画面サイズの寸法を持つデータベースを知っています..うーん

..おそらく、ピクセル密度を見つけて、これにピクセル単位の画面の幅/高さを適用する方法があります..

4

6 に答える 6

4

私は実際、これは非常に良い質問だと思います。現在満足できない状況は、10 インチ タブレットでは、デスクトップ バージョンで十分だったはずの、巨大でスペースを浪費する 1 列の「モバイル」サイトがデフォルトで表示されることです。

残念ながら、John Hunt が発見したように、WURFL でさえ正確な物理画面サイズを提供しません。

半回避策の 1 つは、x または y の寸法が 768 ピクセル未満の場合、電話 (*) を使用しているため、デフォルトで単一列の「モバイル」バージョンのサイトを提供すると仮定したヒューリスティックです。

訪問者が常にモバイルかデスクトップかを選択できるようにする必要があります。さらに良いのは、誤称を避けるために、サイトの「単一列」または「スリム幅」バージョンと呼ぶことです。

(*) なぜ 768 ピクセルなのですか? 重要なすべての 10 インチ タブレットは少なくとも 1024x768 または 1280x800 であるため、iPhone 5 や HTC HD5 などの大画面の携帯電話でさえ幅が 768 ピクセル未満です (iPhone 5 - 640x1136、HTC HD5 1280x720)。巨大なサムスンの画面で動作しますが、それらのデバイスでは、デフォルトでデスクトップ バージョンが提供されてもそれほど煩わしくありません.

于 2012-11-12T11:20:29.103 に答える
1

When using wordpress, the wp_is_mobile function has the same problem as it will set the "mobile" flag for tablets and phones. My problem is I want phones to get a limited page without my top of page image slider to speed up the site download/draw. Tablets usually have faster wifi access rather than 3G or effectively slower than wifi 4g.

The responsive wordpress theme, Customizr, I'm using uses the auto adapting twitter bootstrap, but still runs too slowly on phones with big image pages. So the question for my site is not just screen size or resolution, but data and screen draw speed.

Rocco Aliberti in this forum on themesandco's website made a useful suggestion combining a browser detection plugin that sets up an is_tablet function then combining it with the built in wordpress wp_is_mobile function to get "wp_is_mobile() && !is_tablet()" -e.g. the device is mobile and is not a tablet. http://www.themesandco.com/support-forums/topic/jetpack-mobile-issue/#post-23308

于 2014-06-01T19:00:36.317 に答える
0

正解は、レスポンシブレイアウトのアプローチを使用することだと思います。これは、さまざまなデバイスすべてに適切に対応できるとは限らないためです(毎日、何百もの新しいデバイスがあります)。

于 2012-12-19T11:35:42.023 に答える
0

http://wurfl.sourceforge.net/nphp/

この情報は WURFL API から取得できるようです..かっこいい!

于 2011-11-23T04:32:17.057 に答える
0

画面解像度に基づいて列またはデータを表示/非表示にする Bootstrap などのフレームワークを使用できます。表示だけに関する限り、これはうまく機能します。

しかし、理想的には、ブートストラップによって表示されない特定のデータを処理/実行しないように、スクリプト言語にもこれを認識させたいと考えています。

現時点では、ブラウザ エージェントは画面解像度を提供していません。最新の Web サイトは、少なくとも一般的なモバイル、タブレット、およびコンピューターに応答する必要があるため、これを有効にする必要があります。

これは、HTTP/W3c/Browser 実装の将来のバージョンに対する私のウィッシュ リストです。

于 2013-09-18T12:43:16.797 に答える