如何在HTML5中检测iPad Mini?

  • 回答 (2)
  • 关注 (0)
  • 查看 (105)

果公司的iPad Mini是iPad 2的一个更小的克隆,它比我们想要的更多。在JavaScript中,window.navigator对象公开了Mini和iPad 2的相同值。到目前为止我的测试来检测差异并没有导致成功。

为什么这很重要?

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

对于网络应用程序和游戏提供友好的用户界面,某些元素的尺寸相对于用户的拇指或手指位置进行了调整,因此,我们可能想要缩放某些图像或按钮以提供更好的用户体验。

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

window.devicepixelratio

以cm为单位的CSS元素宽度

CSS媒体查询(如resolution和-webkit-device-pixel-ratio)

类似单位的SVG图纸

做各种各样的CSS webkit转换一个固定的时间和计数渲染帧requestAnimFrame(我希望发现一个可衡量的差异)

我是新鲜的想法。你呢?

更新

感谢迄今的回应。我想评论一下投票反对检测iPad mini与2苹果有呃,一个指导方针来统治他们。好吧,这是我的推理,为什么我觉得在世界上真正知道一个人是否使用iPad mini或者2.使用我的推理你喜欢什么。

iPad mini不仅是一个小得多的设备(9.7英寸与7.9英寸),而且其外形允许不同的用途。除非你是查克·诺里斯(Chuck Norris),否则在游戏中通常会用双手握住iPad 2 。迷你比较小,但是它也轻很多,可以让玩家一手拿着游戏,另一手拿着游戏来轻扫或点击。作为一名游戏设计师和开发者,我只想知道它是否是一个迷你游戏,所以我可以选择为玩家提供不同的控制策略(例如,在一组玩家进行A / B测试之后)。

为什么?那么,大多数用户倾向于使用默认设置,所以在玩家加载游戏的时候,不要在屏幕上放置一个虚拟的游戏杆,并在屏幕上放置一些其他的基于点击的控件(这里只给出一个任意的例子)比赛的第一次是我,恐怕其他游戏设计师,很想能够做到。

所以恕我直言,这超出了厚厚的手指/指导方针的讨论,只是苹果和所有其他供应商应该做的事情:让我们唯一识别您的设备,思考不同,而不是遵循指导方针。

思潮澎湃思潮澎湃提问于
心愿回答于

你可以使用任何一个screen.availWidth,screen.availHeight因为他们似乎是不同的iPad的迷你和iPad 2。

小型平板电脑

screen.availWidth = 768
screen.availHeight = 1004

iPad 2

screen.availWidth = 748
screen.availHeight = 1024
akjok54stay hungry stay foolish回答于

播放立体声音频文件,并在右声道和左声道的音量较高时比较加速度计响应 - iPad2具有单声道扬声器,而iPad Mini则具有内置立体声扬声器。

需要你的帮助来收集数据,请访问此页面,并帮助我收集这个疯狂的想法的数据。我没有iPad mini,所以我真的需要你的帮助

所属标签

可能回答问题的人

  • 不吃貓的鱼oo

    5 粉丝466 提问6 回答
  • Richel

    8 粉丝0 提问4 回答
  • 人生的旅途

    10 粉丝484 提问3 回答
  • 云服务小能手

    0 粉丝0 提问2 回答

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励