区分智能手机和平板电脑

Question

我有一个很简单的问题，但我在网上找不到答案。我要做的就是检测当前用户代理是否是

1. “非移动”
2. 智能手机
3. 平板电脑

很容易检测出移动设备和非移动设备，但我没有找到任何解决方案来区分 2 和 3。

谁能帮帮我？

干杯

克里斯

Answer 1

我在对 stackoverflow.com/questions/9297370/ 的回答中描述了一种方法。策略是：

1. 使用 css 媒体查询来检测最大设备宽度为 600 像素的手机。

2. 在此基础上设置一个不易察觉的风格变化，例如身体颜色从 rgb(0, 0, 0) 到 rgb(0, 0, 1)

3. 使用 OnLoad() 调用检查正文颜色的 Javascript 函数。

（4. 如有必要，请在样式表中覆盖类、ID 或标签等的样式更改）

这取决于 600px 是正确的设备宽度鉴别器。目前它适用于所有 iPhone（最多 6plus）和所有 iPad（使用 Apple 的 Xcode 模拟器）。不能保证没有更大的手机，但如果有，他们可能会容忍被视为平板电脑。