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

Question

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

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

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

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

关于我如何实现这一点有什么建议吗？

更新:另一种方法可能是使用 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/

Answer 1

我一直在从事一个元素，该元素要求我检测确切的 iOS 设备。首先，它位于前端，因此我使用这些 CSS 媒体查询来加载 Assets 并根据设备精确调整布局:

// 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 灾难。