2

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

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

另一种方法是使用 CSS3 来检查浏览器分辨率，但在 SEO 方面，使用大量“显示：无”可能是一场灾难，因为“不正确”的模型 - 特别是因为隐藏的内容主要是链接.

是使用 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/

4

2 回答 2

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 媒体查询

如果这是一个登陆页面并且你有你链接到的特定于设备的子页面，我认为这不会是一场 SEO 灾难。

于 2019-08-01T07:09:28.440 回答
0

这个类会做的伎俩

检测移动类型的 PHP 类

于 2013-06-10T13:17:35.403 回答