使用Modernizr测试平板电脑和手机-需要征求意见 [英] Using Modernizr to test for tablet and mobile - Opinions wanted
问题描述
我想使用Modernizr来检测用户是在台式机，平板电脑还是移动设备上查看网站.
我最初的最初想法显然是检查适合移动设备和较大台式机的屏幕尺寸.对于平板电脑设备，其屏幕大小也可以等于小型台式机屏幕(1024 x 768)，我也会测试触摸事件.
这时，我想重点介绍移动/平板电脑设备，正如jQuery mobile所说的那样，它是A级的.我不想使用任何特定的移动设备功能，只需检测台式机，平板电脑或移动设备，并通过根据测试结果附加CSS类为每种设备提供量身定制的UI.
您认为这足以实现我想要的功能，还是您应该测试其他功能?预先非常感谢.
Modernizr 可以检查触摸事件
要测试该设备是平板电脑还是手机还是台式机，我可能会更倾向于使用用户代理.看看 DetectMobileBrowsers.com
上的脚本 Modernizr只是测试浏览器是否支持某些功能.据我所知，似乎没有测试browser_type == mobile和类似的东西……
请记住，当今许多现代台式机都带有触摸屏，因此即使检测到触摸支持也不能保证它是移动设备或平板电脑.
I want to use Modernizr to detect whether a user is view a site on a desktop, tablet or mobile device.
My initial first thoughts are obviously to check screen sizes that should be enough for mobile devices and also for larger desktops. For tablet devices where the screen size could also equal that of a small desktop screen (1024 x 768) I would test for touch events as well.
At this time I would like to focus on mobile/tablet devices that, as jQuery mobile puts it are, A-grade. I am not looking to tap in to any specific mobile device features simply detect desktop, tablet or mobile and serve up a tailored UI for each by appending CSS classes depending on the results of the test.
Do you think this is enough to achieve what I want or do you think I should be testing for other capabilities? Many thanks in advance.
Modernizr can check for touch events
For testing whether the device is a tablet or phone or desktop, I would probably lean more toward using User Agents. Take a look at the scripts on DetectMobileBrowsers.com
Modernizr simply tests for whether or not a browser supports certain features. As far as I know, it doesn't appear to test browser_type == mobile and stuff along those lines...
Keep in mind that a lot of modern desktop PCs these days have touch screens, so even detecting touch support does not guarantee that it is a mobile device or tablet.
这篇关于使用Modernizr测试平板电脑和手机-需要征求意见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
