苹果的iPad Mini在很多方面都是iPad 2的小复制品。在JavaScript中,是窗口。navigator对象为Mini和iPad 2暴露相同的值。到目前为止,我为检测差异而进行的测试还没有成功。

为什么这很重要?

由于iPad Mini和iPad 2的屏幕像素相同,但实际尺寸(英寸/厘米)不同,它们的PPI(每英寸像素)也不同。

为了提供友好的用户界面,web应用程序和游戏会根据用户的拇指或手指位置调整某些元素的大小,因此,我们可能想要缩放某些图像或按钮以提供更好的用户体验。

到目前为止我尝试过的事情(包括一些非常明显的方法):

window.devicepixelratio CSS元素宽度,单位为cm CSS媒体查询(如分辨率和-webkit-device-pixel-ratio) SVG图形在类似的单位 在设定的时间内进行各种CSS webkit转换,并使用requestAnimFrame计算呈现的帧数(我希望检测到可测量的差异)

我没办法了。你呢?

更新 谢谢你的回复。我想对那些投票反对检测iPad mini和iPad 2的人发表评论,因为苹果有一个规则。好吧,这是我的理由,为什么我觉得知道一个人用的是iPad mini还是iPad 2真的很有意义。随你怎么解释我的推理。

The iPad mini is not only a much smaller device (9.7 inch versus 7.9 inch), but its form factor allows for a different usage. The iPad 2 is usually held with two hands when gaming unless you're Chuck Norris. The mini is smaller, but it is also much lighter and allows for gameplay where you hold it in one hand and use another to swipe or tap or whatnot. As a game designer and developer myself, I'd just like to know if it's a mini so I can choose to provide the player with a different controlscheme if I want (for instance after A/B testing with a group of players).

为什么?事实证明,大多数用户倾向于使用默认设置,所以当玩家第一次加载游戏时,不要使用虚拟拇指杆,而是在屏幕上放置一些基于点击的控制,这是我和其他游戏设计师希望能够做到的。

所以恕我说,这超出了粗手指/指导方针的讨论,这是苹果和所有其他供应商应该做的事情:允许我们唯一地识别你的设备,以不同的方式思考,而不是遵循指导方针。


当前回答

如果你创建了一堆1“x1”宽的div,并将它们一个接一个地附加到父div,直到边界框从1英寸跳到2英寸?mini上的一英寸和iPad上的一英寸是一样大的,对吧?

其他回答

iPad 2和iPad Mini的电池大小不同。

If iOS 6 supports it, you can get the current battery level from 0.0..1.0 using window.navigator.webkitBattery.level. At some level either in hardware or software, that is likely calculated as CurrentLevel / TotalLevel, where both are ints. If so, that will result in a float which is a multiple of 1 / TotalLevel. If you take lots of battery level readings from both devices, and calculate battery.level * n you might be able to find a value of n where all the results start to be close to integers, which will give you iPad2TotalLevel and iPadMiniTotalLevel.

如果这两个数字不同,并且相互素数,那么在生产中您可以计算电池。* iPad2TotalLevel和电池。level * iPadMiniTotalLevel。更接近整数的值将指示正在使用的设备。

对不起,这个答案中有太多的如果!希望会有更好的事情发生。

更新:看起来这些值在创建选项卡时报告了视口的宽度和高度,它们在旋转时不会改变,所以这个方法不能用于设备检测!

你可以使用任意一个屏幕。availWidth或screen。availHeight,因为他们似乎是不同的iPad Mini和iPad 2。

iPad迷你

screen.availWidth = 768
screen.availHeight = 1004

iPad 2

screen.availWidth = 748
screen.availHeight = 1024

来源:http://konstruktors.com/blog/web-design/4396-detect-ipad-mini-javascript/

我知道这可能是一个低技术含量的解决方案,但由于我们似乎还没有想出任何其他方法。

我假设你已经检查了大多数其他设备,所以我认为以下场景是可能的。

你可以检查所有可能的最流行的设备,需要特殊的CSS/大小,如果它不匹配,要么假设它是iPad mini或简单地问用户?

// Device checks here
...
else {
  // it would probably be better to make this a nicer popup-thing
  var mini = prompt("Are you using a iPad mini? Press yes for a better user experience");
  // Store the result for future visits somehow.
}

我知道这看起来很愚蠢,但如果我们目前无法确定这款设备是iPad mini还是iPad 2,至少该网站在iPad mini设备做这些事情时是可用的。

你甚至可以这样说:

“为了给你最好的浏览体验,我们会检测你的设备类型,根据你的设备定制网站。不幸的是,由于限制,这并不总是可能的,我们目前无法通过使用这些方法来确定您使用的是iPad 2还是iPad mini。

为了获得最佳的浏览体验,请在下面选择您使用的设备。

此选项将被存储,以供将来在此设备上访问该网站时使用。

[] iPad 2 
[*] iPad mini
[] Ancient blackberry device

"

我并不完全了解在Javascript中客户端可以做什么,不可以做什么。我知道你可以得到一个用户的IP,但是可以得到一个用户的mac地址吗?iPad2和iPad mini的这些范围有什么不同吗?

我知道这是一个糟糕的解决方案,但目前区分iPad Mini和iPad 2的唯一方法是检查其构建号,并将每个构建号与相关设备映射。

让我给你一个例子:iPad mini,版本6.0,暴露“10A406”作为构建号,而iPad 2暴露“10A5376e”。

这个值可以很容易地通过用户代理(window.navigator.userAgent)上的正则表达式获得;这个号码的前缀是"Mobile/"。

不幸的是,这是唯一明确的检测iPad Mini的方法;我建议采用视口相关的方法(在支持的情况下,使用vh / vw单位)在不同屏幕尺寸上正确显示内容。

这并不是对你提出的问题的回答,但我希望这比说“不要这样做”更有用:

与其检测iPad Mini,为什么不检测用户很难点击控件(或者:总是在控件的子区域中点击),然后增加/缩小控件的大小来适应他们呢?

对于需要更大控件的用户来说,不管使用什么硬件,他们都可以获得这些控件;那些不需要更大的控制和想要看到更多内容的用户也可以得到。这不像检测硬件那么简单,还有一些细微的事情需要做对,但如果做得仔细的话,效果会很好。