使用Modernizr来testing平板电脑和移动 – 需要的意见

我想使用Modernizr来检测用户是否在桌面，平板电脑或移动设备上查看网站。

我最初的想法显然是检查移动设备和更大的桌面应该足够的屏幕尺寸。 对于屏幕尺寸也可以等于小型桌面屏幕（1024 x 768）的平板电脑设备，我也会testing触摸事件。

在这个时候，我想专注于手机/平板电脑设备，如jQuery手机，它是A级。 我不打算通过任何特定的移动设备function检测桌面，平板电脑或移动设备，并通过根据testing结果附加CSS类来为每个UI提供量身定制的UI。

你认为这足以实现我想要的或者你认为我应该testing其他function吗？ 提前谢谢了。

Answer 1

Modernizr可以检查触摸事件

为了testing设备是平板电脑，手机还是台式机，我可能更倾向于使用用户代理。 看看DetectMobileBrowsers.com上的脚本

Modernizr只是testing浏览器是否支持某些function。 据我所知，它似乎没有testingbrowser_type == mobile和东西沿着这些线路…

请记住，现在很多现代台式电脑都有触摸屏，所以即使检测到触摸支持也不能保证它是移动设备或平板电脑。

Answer 2

这个问题有点老，但是当我用Googlesearch的时候，我找不到更好的答案。

现在大多数桌面都支持触摸，所以检测它是无关紧要的。

检测它们的最好方法是通过屏幕大小。

用Modernizr你可以使用if (Modernizr.mq('only all and (max-width: 480px)')) { ...}

Answer 3

您可以使用Modernizr的以下扩展名： https ： //www.npmjs.org/package/mobile-detect

或者（没有Modernizr），您可以使用Restive.JS为您的身体添加一个“.phone”或“.tablet”类： http ://docs.restivejs.com

（在页面上查找“formfactor”。）