使用 php 检测特定的 iPhone 或 iPad 型号答案

【问题标题】：Detect specific iPhone or iPad model with php使用 php 检测特定的 iPhone 或 iPad 型号
【发布时间】：2013-06-06 03:42:08
【问题描述】：

我的网站销售 iPhone、iPad 和 iPod 的配件、备件和维修，我想根据用户正在浏览的特定 iPhone/iPad/iPod 型号为用户可能正在寻找的类别提供链接建议来自，使用 PHP。

我知道我可以使用标题来检测它是 iPhone、iPad 还是 iPod，但由于我有很多类别，我希望它更具体并区分 iPhone 3G、4 和 iPhone 5，同样适用于平板电脑。我是对的，标题没有提供有关特定型号的任何信息吗？

另一种方法是使用 CSS3 来检查浏览器分辨率，但在 SEO 方面，对“不正确”模型使用大量“display: none;”可能是一场灾难——尤其是因为隐藏的内容会主要是链接。

唯一的解决方案是使用 php 标头检查它是 iPhone、iPad 还是 iPod，然后尝试使用 css 媒体查询区分特定型号？它似乎不是最佳的，我怀疑我是否有办法检测 iPad 第 3 代和 iPad 第 4 代（Retina）之间的区别，因为据我所知它们具有相同的标题和相同的分辨率：/

关于我如何实现这一目标的任何建议？

更新：另一种方法可能是使用 javascript 进行检测并设置可由 php 处理的 cookie，如下面的链接所述，但它仍然无法区分具有相同分辨率和类型的设备（iPad 3 / 4、iPod Touch 2/3、iPhone 4/4S）。 http://www.bdoran.co.uk/2010/07/19/detecting-the-iphone4-and-resolution-with-javascript-or-php/

【问题讨论】：

标签： php iphone css media-queries

【解决方案1】：

我一直在从事一个需要我检测确切的 iOS 设备的项目。一开始，它在前端，所以我使用这些 CSS 媒体查询来加载资源并根据设备精确调整布局：

// Media queries for iPhone -webkit-text-size-adjust

// iPhone 5 & 5S in portrait & landscape
@media only screen and (min-device-width: 320px) and (max-device-width: 330px) {
    // ...
}

// iPhone 6, 7, & 8 in portrait & landscape
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    // ...
}

// iPhone X in portrait & landscape
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
    // ...
}

// iPhone 6, 7, & 8 Plus in portrait & landscape
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    // ...
}

这里有 XR 和 XS Max 的新版本：iPhone XR / XS / XS Max CSS media queries

如果这是一个登录页面并且您有要链接到的特定于设备的子页面，我认为这不会造成太大的 SEO 灾难。

【讨论】：

【解决方案2】：

这个类可以解决问题

PHP class to detect mobile type

【讨论】：

Mobile_Detect 不会成功。当前版本为 2.6.2，不具备模型检测功能。 3.x 版应该会发布，但距离发布还很远。