平板检测

时间:2011-02-28 15:54:16

标签: html5 jquery-mobile tablet mobile-devices

好的,我对Mobile Detection有一些好的建议,但仍然遇到主题平板电脑的问题,因为平板电脑视图和移动设备的图标会更大。我正在使用jQueryMobile作为框架,它确实检测到iPad(我确定其他平板电脑正在上路),但我如何检测它是平板电脑还是移动设备?我会选择屏幕尺寸吗?

如果是这种情况,那么移动设备的最大屏幕尺寸或平板电脑的最小屏幕尺寸是什么?

有更好的方法吗?

5 个答案:

答案 0 :(得分:2)

jQuery Mobile向body标签添加了类,允许您为所有设备创建单个CSS。

见这里:http://jquerymobile.com/demos/1.0a3/#docs/api/mediahelpers.html

<强>更新

从beta2助手开始,将弃用并设置为删除。你应该看一下media queries用于将这些课程放在那里的课程。

答案 1 :(得分:1)

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

答案 2 :(得分:1)

您是否考虑过设备检测库,例如wurfltera-wurfl或专有deviceAtlas

答案 3 :(得分:1)

您是否考虑过服务器端检测的好处? OpenDDR提供基于LGPL许可的.NET和Java库。

您可以查看http://www.openddr.org

答案 4 :(得分:0)

我们开始使用Formfactor检测库开发,例如FormfactorJS - 注意,我创建了这个。

理论使用相同的语义HTML,您可以使用特定类别的设备(智能手机,平板电脑,桌面等)专门使用CSS和Javascript,同时还可以识别使用媒体查询对单个设备配置文件的响应式设计。 / p>