0

私は携帯電話でも閲覧できるWebアプリケーション（xhtml、css、js）を書いています。デバイスがiphone5かどうかを検出したい！

あなたはそれのためのjavascriptコントローラーを知っていますか？

4

3 に答える 3

0

CSS3メディアクエリを使用してiPhone5を検出できます。

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 5 or iPod Touch 5th generation */
}
于 2012-11-27T07:05:36.187 に答える
0

ユーザーが iOS デバイスを使用しており、Retina ディスプレイを使用しているかどうか、および画面の高さが正確に 548 ピクセルかどうかを確認する必要があります。

retina+displayHeight を確認するだけでは十分ではありません。高密度ディスプレイと画面の高さが 548px のデバイスで動作する他のオペレーティング システム (Android など) を誤ってターゲットにする可能性があるからです。

このスクリプトを使用するだけで、必要なことを実行できます: http://www.timo-ernst.net/2013/04/simple-iphone-5-detection-with-javascript/

これで、起動時に dom ツリーにフラグを適用できます (で<head></head>):

<script>if (isIphone5()) $("html").addClass("isIphone5");</script>

CSS 経由で iPhone5 をターゲットにする必要がある場合は、たとえば次のようなスタイルを適用できます。

<style>.isIphone5 .someClass{color:red}</style>
于 2013-04-09T17:22:54.910 に答える
0

私はこれを知っていました：

  if('devicePixelRatio' in window && window.devicePixelRatio == 2 ){
     // retina
  }

AND (サーバー上で検出する必要がある場合)

網膜スクリーンを検出する方法?

于 2012-11-27T08:16:22.060 に答える