0

我正在编写一个也在手机中浏览的 Web 应用程序（xhtml、css、js）。我要检测设备是不是iphone 5！

你知道它的 javascript 控制器吗？

4

3 回答 3

0

您需要检查用户是否在 iOS 设备上并具有 Retina 显示屏，以及屏幕是否正好为 548px 高。

仅检查retina+displayHeight 是不够的，因为您可能会不小心将其他操作系统（例如Android）作为目标，这些操作系统在同样具有高密度显示器和548 像素屏幕高度的设备上运行。

只需使用这个脚本，它会做你想做的事：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 回答
0

您可以使用 CSS3 媒体查询来检测 iPhone 5：

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