javascript - 针对 iPad 3 但不是 iPad 4

Question

我尝试添加一些需要在 iPad 3 上执行的 css，但 iPad 4 或反之亦然。我能够将两者都定位为保留旧版本:

   @media
   only screen and (-webkit-min-device-pixel-ratio: 2),
   only screen and (   min--moz-device-pixel-ratio: 2),
   only screen and (     -o-min-device-pixel-ratio: 2/1),
   only screen and (        min-device-pixel-ratio: 2),
   only screen and (                min-resolution: 192dpi),
   only screen and (                min-resolution: 2dppx) { }

但到目前为止，我找不到目标 3 和 4 之间的区别。任何 css 或 JS 解决方案。任何帮助将不胜感激

Answer 1

你不能通过使用媒体查询或用户代理得到任何区别:

• 媒体查询是 same
• User Agent 只包含 iPad 词，不包含版本。 UA 中的其他信息是关于 iOS 或 Safari 浏览器的。 iPad3 默认为 iOS6，但可以更新为新版本。 Safari 依赖于 iOS 版本，因此系统和浏览器信息不准确。

所以只有 javascript+iOS 特征检测就像 iPad 和 iPad2 的区别 event.acceleration，但是iPad3和iPad4在功能上没有区别。

所以你不能只检测iPad3。您是否可以在此处发布 iPad3 的问题，我们可以帮助您解决？

但是:

如果你使用WebView组件，你可以在里面做。您可以通过 Objective-C:

中的 systemInfo.machine 字符串进行检测

NSString *machineName = [NSString stringWithCString:systemInfo.machine encoding:NSUTF8StringEncoding];

iPad3 的

machineName 是 iPad3,1、iPad3,2 和 iPad3,3。 iPad4是iPad3,4，iPad3,5和iPad3,6(不要问为什么:)

并且在 WebView 中，您可以使用 WebResourceLoadDelegate 将您的 css 文件更改为 iPad3.css。