平板电脑检测答案

【问题标题】：Tablet Detection平板电脑检测
【发布时间】：2011-02-28 15:54:16
【问题描述】：

好的，我得到了一些关于 Mobile Detection 的好建议，但主题平板电脑仍然存在问题，因为平板电脑视图的图标会比移动设备大。我使用 jQueryMobile 作为框架，它确实检测到了 iPad（而且我确信其他平板电脑也在路上），但我如何检测它是平板电脑还是移动设备？我会选择屏幕尺寸吗？

如果是这样的话，移动设备的最大屏幕尺寸或平板电脑的最小屏幕尺寸是多少？

有没有更好的方法？

【问题讨论】：

【解决方案1】：

jQuery Mobile 将类添加到 body 标签，允许您为所有设备创建单个 CSS。

更新

从 beta2 开始，助手将被弃用并设置为移除。你应该看看media queries 无论如何都是用来放这些类的。

【讨论】：

【解决方案2】：

我建议使用媒体查询并定位不同的 CSS 样式表。

【讨论】：

是的，我知道每个设备组需要不同的 CSS 样式表，但想知道如何确定设备？
好吧，据我所知，您不能单独定位每个设备，但可以使用媒体查询 (css-tricks.com/css-media-queries) 来定位不同的屏幕尺寸，这应该会有所帮助吗？

【解决方案3】：

您是否考虑过像wurfl、tera-wurfl 或专有的deviceAtlas 这样的设备检测库？

【讨论】：

【解决方案4】：

您是否考虑过服务器端检测的好处？ OpenDDR 提供 .NET 和 Java 库，获得 LGPL 许可。

【讨论】：

【解决方案5】：

我们开始使用诸如 FormfactorJS 之类的 Formfactor 检测库进行开发 - 请注意，这是我创建的。

使用相同语义 HTML 的理论，您可以将 CSS 和 Javascript 专门用于给定类别的设备（智能手机、平板电脑、台式机等），同时了解使用媒体查询对单个设备配置文件进行响应式设计。

【讨论】：