区分智能手机和平板电脑

Question

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

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

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

有人能帮助我吗？

干杯

克里斯

Answer 1

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

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

2. 在此基础上设置一种难以察觉的风格变化，例如：体色从rgb（0,0,0）到rgb（0,0,1）

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

（4。如果需要，请在样式表中覆盖样式更改类，ID或标签等。）

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